android - 如何在几个 AppContainer 之间导航

Question

如何在 AppContainer 之间导航？

我正在 App.js 中检测到正确的堆栈

const stack = User.isAuthorized() ? authStack : unauthStack;

用户输入登录名和密码后，需要将堆栈从 unauthStack.SignIn 切换到 authStack.List。

const unauthStack = createAppContainer(createStackNavigator({
    SignIn: { screen: SignIn },
    ForgotPassword: { screen: ForgotPassword },
}));

const authStack = createAppContainer(createBottomTabNavigator({
        List: { screen: GeneralStack },
        Add: { screen: NewEventStack },
}));

我尝试用 Google 搜索，但找不到任何有效的示例。并看到一些信息表明完全重新加载应用程序可能是内存泄漏或类似原因的原因......

那么正确的方法是什么？

Answer 1

您不应该处理多个容器，而是创建 2 个堆栈并添加 switchNavigator，如果其已登录，则相应地显示。请参阅下面的示例:

const navigation = createAppContainer(
  createSwitchNavigator(
    {
      App: HomeStack, // these are after login pages
      Auth: AuthStack,// these are before login pages
    },
    {
      initialRouteName: isToken?'App':'Auth', //checking if token exists
    },
  ),
);

请检查代码，如有疑问请询问。

希望对你有帮助