首页 > 解决方案 > 如何在 React Native 中混合使用两种类型的导航

问题描述

我正在使用 React Native 开发一个应用程序。我想在我的应用程序(5.x)上有一个底部导航。完成此操作后,我还想让用户在其他用户的个人资料视图上导航。但是,我不希望这个新屏幕出现在底部导航中。我不知道该怎么做。我需要混合堆栈导航和底部导航吗?怎么做 ?

标签: react-nativemenunavigation

解决方案


ReactNative 为此使用了嵌套导航器。

您将为所需的每种导航类型创建 2 个单独的组件,然后将辅助导航器作为屏幕传递到主导航器,其中组件道具值是正在传递的导航器。

正在传递的导航器不应被 NavigationContainer 包围,因为这会引发错误,指出已提供容器或类似的东西。

正如您所说,将其中两个作为单独的组件传递给 App.js 将创建一个分屏。@汤姆萨斯

有关更多详细信息,请参阅此链接:https ://reactnavigation.org/docs/nesting-navigators/

这张图片也是从上面的链接中获取的。 在此处输入图像描述


推荐阅读