路线到父导航器 - React Native

Question

我有一个stackNavigator嵌套在另一个stackNavigator中：

Parent Navigator:
Index.js
Login.js
Signup.js
Home.js

我的子导航器位于signup.js组件上。我在哪里

Children Navigator:
Name.js
Email.js

当Email.js屏幕上的userRegistration成功时，我想导航到Home.js屏幕，但它在我的父堆栈中。我可以将嵌套的堆栈取出并将这些组件放在父堆栈中，但是我认为如果我学会了如何通过堆栈进行路由（特别是将来）会很有帮助。

是否可以通过React Native中的stackNavigators进行路由？

Answer 1

有可能。传递根导航并使用它导航：

const AppNavigator = StackNavigator({
  Signup: { screen: ({ navigation }) => <SignupStack screenProps={{ rootNavigation: navigation }} /> }
  Home: { screen: HomeStack },
  ...
});

然后从您的Email.js：

this.props.screenProps.rootNavigation.navigate('Home')

积分转到this answer