React Native 底部选项卡导航器

Question

我有一个问题，与 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",

Answer 1

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

React Native bottom tab navigator