react-native - 如何在 React Native 中混合使用两种类型的导航
问题描述
我正在使用 React Native 开发一个应用程序。我想在我的应用程序(5.x)上有一个底部导航。完成此操作后,我还想让用户在其他用户的个人资料视图上导航。但是,我不希望这个新屏幕出现在底部导航中。我不知道该怎么做。我需要混合堆栈导航和底部导航吗?怎么做 ?
解决方案
ReactNative 为此使用了嵌套导航器。
您将为所需的每种导航类型创建 2 个单独的组件,然后将辅助导航器作为屏幕传递到主导航器,其中组件道具值是正在传递的导航器。
正在传递的导航器不应被 NavigationContainer 包围,因为这会引发错误,指出已提供容器或类似的东西。
正如您所说,将其中两个作为单独的组件传递给 App.js 将创建一个分屏。@汤姆萨斯
有关更多详细信息,请参阅此链接:https ://reactnavigation.org/docs/nesting-navigators/
推荐阅读
- java - 如何在 Maven Custom Archetype (Apache Velocity) 中使用一个模板创建多个文件?
- julia - 如何更新 Julia 图?
- visual-c++ - 如何为 Visual C++ Redistributable 安装安全更新?
- amazon-web-services - AWS 使用 CodePipeline 中的 CodeBuild 删除 S3 中的文件
- java - Android - 从静态“帮助”方法注册接收器(无法获取上下文)?
- toad - 如何提高 Toad 的可用性/可读性
- javascript - 是否可以在 react-native 的构造函数中调用异步函数?
- firebase - 使用 Firebase 中的 StartAt 和 Flutter 时间戳
- sql - 使用 while 循环遍历表行并更新另一个表中的值。我怎样才能通过加入来做到这一点?
- python - tkinter 中带有 matplotlib 图的弹出窗口