2016-11-04 47 views
0

我正在嘗試爲博客創建一個簡單的應用程序。博客有多個類別,每個類別都有自己的故事。react-native-router-flux和替換根控制器

我的架構應該是非常簡單的:一個根控制器應該顯示一個故事列表,最重要的是我會推動每個故事。該應用程序有一個抽屜,用戶可以切換一個類別(這是開始混亂的地方 - 因爲那時候,我不想推新的列表,而是用新類別替換根目錄)。

export default class App extends Component { 
    render() {return (
     <Drawer> 
      <Router sceneStyle={{paddingTop: Navigator.NavigationBar.Styles.General.TotalNavHeight}}> 
       <Scene key='root'> 
        <Scene 
         key='category' 
         component={Category} 
         type={ActionConst.REPLACE} 
         title='Main' 
         passProps={true} 
         category='main' 
        /> 
        <Scene key='story' component={Story} /> 
       </Scene> 
      </Router> 
     </Drawer> 
    )} 
} 

當用戶嘗試切換類別,我打電話:

Actions.category({title: data.title, category: data.category}); 

而當用戶點擊一個故事,在列表中,我做的:

Actions.story({title: data.title, category: this.props.category, story: data.story}); 

切換類別時,我想彈出所有現有的控制器並替換根目錄,但現在對我無效。

任何想法?

回答

0

你試過

Actions.category({ type: 'reset' , ...otherProps})

+0

不做任何事情:(我也沒有看到日誌中的任何內容... –

+0

它應該.. https://github.com/aksonov/react-native-router-flux/blob/master/docs /API_CONFIGURATION.md#scene如果你不通過otherProps,它會起作用嗎? – Tom

+0

我在我的代碼中調用'Actions.category({type:'reset'})'並且它對我有用。 – Tom