react-native-router-flux和替换根控制器

时间:2016-11-04 17:51:27

标签: react-native 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});

切换类别时,我想弹出所有现有的控制器并替换根控制器,但它现在对我不起作用。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

你试过吗

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