我正在尝试为博客创建一个简单的应用程序。该博客有多个类别,每个类别都有自己的故事。
我的架构应该非常简单:一个根控制器,它应该显示一个故事列表,然后我将推送每个故事。该应用程序有一个抽屉,用户可以在其中切换类别(这是它开始变得混乱的地方 - 因为那时我不想推送新列表而是用新类别替换根目录)。
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});
切换类别时,我想弹出所有现有控制器并替换根控制器,但它现在对我不起作用。
有任何想法吗?