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

标签 javascript react-native react-navigation

我是 React Native 和 React-Navigator 的新手,想实现这个设置:

  1. 我已经有 SignUpScreen,来自 SignUpScreen01 - SignUpScreen05,它们都嵌入到一个 StackNavigator 中,我对此没有问题,最后一个 (SignUpScreen05) 实际上是应用程序本身的内容
  2. 现在对于返回的用户,我有一个 LoginScreen,它应该在成功登录后直接跳到 SignUpScreen05(内容,它是一个 TabNavigator)。

我不知道如何将它们联系起来。如果我将 LoginScreen 放入我的 StackNavigator,我可以正确导航所有内容,但在注册过程中,用户可以返回到 LoginScreen。 SignUpScreen05(内容)用户还可以返回到不正确的 SignUpScreen。

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

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

最佳答案

您可能需要 nest your navigators

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

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

-.你的登录界面

-.你的 StackNavigator (SignUpScreen01..05)

-.您的内容 (SignUpScreen05)

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

顺便说一句,这个想法类似于重复问题提出的解决方案:)

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

关于javascript - React Native 从 StackNavigator 导航到另一个 StackNavigator 或 TabNavigator,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46870412/

相关文章:

javascript - React Native 组件样式的最佳实践

android - React Native - 调试适配器进程意外终止

javascript - react native : How to store chats client-side?

javascript - 如何使用 Var 创建一个切换来更改 Vanilla JS 中的状态

javascript - jQuery 'on()' 命令

javascript - 如何在 native react 中获取给定特定子键的所有父键

react-native - 导航到另一个屏幕时关闭模式

react-native - 不变违规 : requireNativeComponent: "RNSScreen" was not found in the UIManager

javascript - 使用 React Navigation 进行左右导航

javascript - 获取键盘值