react-native - 路由到父导航器 - React Native

Question

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

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

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

Children Navigator:
Name.js
Email.js

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

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

Answer 1

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

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

然后从您的 Email.js 中：

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

学分转到这个答案