React Native 底部标签导航器答案

【问题标题】：React Native bottom tab navigatorReact Native 底部标签导航器
【发布时间】：2021-07-04 04:01:28
【问题描述】：

我有一个问题，与 React Native 中的底部选项卡导航器有关。

假设我有 6 个屏幕，我只想在底部标签导航器中显示 5 个。

<Screen
  name='Home'
  component={Home}
  options={{
    tabBarIcon: ({ focused }) => getTabIcon({ focused, source: walletIcon }),
  }}
/>

和这些一样，还有其他 4 个屏幕。

我还有另一个屏幕，我不想在 Navigator 上显示，它看起来像这样。

<Screen
  name='EasyCoins'
  component={EasyCoin}
/>

我也尝试像这样为我的特定屏幕提供选项属性。但这对我不起作用。

options={{
  tabBarVisible: false,
}}

我正在使用

"@react-navigation/bottom-tabs": "^5.11.9",
"@react-navigation/native": "^5.9.4",

【问题讨论】：

【解决方案1】：

使用堆栈导航器构建您不想显示的屏幕。在这种情况下，它不会出现在标签栏中，您可以通过任何重定向转到该页面。

【讨论】：