无法使用堆栈导航设置底部选项卡导航

Question

我同时使用 Stack Navigation 和 Bottom Tab Navigation 在我的应用程序中导航

Stack Navigation基本上是这样设置的：

WelcomeScreen --> SignInScreen <--> SignUpScreen --> HomeScreen

现在，我想使用Bottom Tab Navigation在我的 HomeScreen 和 MyGamesScreen 之间导航

主屏幕 <--> 我的游戏屏幕

我想要显示底部选项卡导航器的唯一屏幕是 HomeScreen 和 MyGamesScreen。

我尝试了几个教程，最后一次尝试是查看Nesting Navigators上的文档页面，但它对我不起作用。我要么让我的底部选项卡导航器显示在所有页面中，要么不显示在任何页面中。

这是我的App.js，它目前没有在主屏幕中显示我的底部选项卡导航器。我尝试将我的函数名称切换为“HomeScreen”作为解决它的方法，如文档所示，但它给我一个错误，指出“HomesScreen”已被声明。

Answer 1

快速浏览一下，您似乎使用了HomeScreen两次，这与 的导入冲突HomeScreen，请考虑为选项卡导航器变量使用不同的名称。