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

Question

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

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

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

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

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

Answer 1

您可能需要 nest your navigators

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

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

-.你的登录界面

-.你的 StackNavigator (SignUpScreen01..05)

-.您的内容 (SignUpScreen05)

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

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

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