如何在TabNavigator中返回到多个屏幕

时间:2018-07-10 10:39:18

标签: javascript react-native

我的App.js中有StackNavigator(请参见 online code snippet 1),然后是我的TabNavigator.js(请参阅online code snippet 2)。

我有:

Tab1: DetailUser -> DetailDiary -> Edit1 -> Edit2
Tab2: Search -> DetailUser -> DetailDiary -> Edit1 -> Edit2

完成Edit2后,我将返回带有新内容的DetailDiary,因此将this.props.navigation.state.key ( ex value key is keyDetailUser)保存在DetailDiary中,Edit2完成后,我称之为功能: screenshot

但是在两种情况下都没有发生。

如果在设备中单击返回时在android中使用this.props.navigation.navigate("DetailDiary"),则无法返回到DetailUser

如何在第二个标签中从Edit2返回到DetailDiary

1 个答案:

答案 0 :(得分:0)

当前,您仅在更改路线中的参数,因此您没有要求导航器更改屏幕。导航到DetailDiary屏幕时,您将需要传递keyDetailUser作为道具。试试这个代码示例。希望能帮助到你。 从“反应导航”导入{NavigationActions}; const navigationAction = NavigationActions.navigate({     routeName:'DetailDiary',//导航到该路线     参数:{key:keyDetailUser},//将这些参数作为道具传递 }); this.props.navigation.dispatch(navigateAction);