React Native从StackNavigator导航到另一个StackNavigator或TabNavigator

时间:2017-10-22 04:11:32

标签: javascript react-native react-navigation

我是新手,对本机和反应导航器做出反应,并希望实现此设置:

  1. 我已经有SignUpScreens,来自SignUpScreen01 - SignUpScreen05,它们都嵌入到一个StackNavigator中,我没有问题,最后一个(SignUpScreen05)实际上是应用程序本身的内容
  2. 现在,对于返回的用户,我有一个LoginScreen,成功登录后应直接跳到SignUpScreen05(内容,这是一个TabNavigator)。
  3. 我不知道如何将它们联系起来。如果我将LoginScreen放入我的StackNavigator,我可以正确导航所有内容,但在注册过程中,用户可以回到LoginScreen。 SignUpScreen05(内容)用户也可以goBack到SignUpScreen,这是不正确的。

    如果我没有将它们放入StackNavigator,我不知道如何从LoginScreen导航。如果可能的话,那些(内容和登录)不应该在StackNavigator中,因为我认为它们应该在不同的模块中,但是我不确定这应该如何在react-navigator中实际完成..

    有什么想法吗?提前谢谢!

1 个答案:

答案 0 :(得分:1)

您可能需要nest your navigators

  1. 您的第一个StackNavigator将包含所有注册过程+内容(SignUpScreen01到SignUpScreen05)

  2. 您将拥有另一个StackNavigator,其配置为{headerMode: "none"},其中包含:

  3. - 你的登录屏幕

    - 你的StackNavigator(SignUpScreen01..05)

    - 你的内容(SignUpScreen05)

    我知道你的内容似乎有重复,但它应该没问题(我猜),因为他们使用相同的组件(因此代码相同),CMIIW或者其他人有更好的想法

    不过,这个想法类似于重复问题提出的解决方案:)

    https://stackoverflow.com/a/44210967/474330

相关问题