在 React Native 中始终显示底部选项卡导航器 React Navigation 5

Posted 2023-03-15

【中文标题】在 React Native 中始终显示底部选项卡导航器 React Navigation 5

【英文标题】：Always show bottom tab navigators React Navigation 5 in React Naive

【发布时间】：2020-09-15 11:39:43

【问题描述】：

Make 修复底部选项卡导航器出现，即使我单击堆栈导航器或多个嵌套堆栈导航器，它仍会显示底部选项卡导航，就像 Facebook 应用程序一样。就像下面这个例子一样，我点击页面，这是嵌套的堆栈导航，但底部的选项卡导航器仍然总是出现。通常，当我单击堆栈导航器时，新屏幕将在顶部，底部选项卡导航器将消失。

【问题讨论】：

reactnavigation.org/docs/hiding-tabbar-in-screens。我 100% 确定您需要重新考虑，就像链接中提到的那样。它发生在我身上。如果您需要帮助，请粘贴您的堆栈代码。

【参考方案1】：

除了从道具等中隐藏标签导航器之外，您还需要考虑导航器的位置。父导航器的 UI 将始终呈现在子导航器 UI 之上。这是来自反应导航documentation：

堆栈导航器嵌套在标签导航器的每个屏幕内 - 标签栏始终可见。通常再次按下 tab 也会将堆栈弹出到顶部。

【参考方案2】：

可以使用嵌套react导航5，参考文档：https://reactnavigation.org/docs/nesting-navigators/