React Native 底部标签导航器

Posted 2023-02-22

技术标签:

【中文标题】React Native 底部标签导航器【英文标题】：React Native bottom tab navigator 【发布时间】：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】：

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

你可以看看这里 -> https://reactnavigation.org/docs/stack-navigator/

【讨论】：

以上是关于React Native 底部标签导航器的主要内容，如果未能解决你的问题，请参考以下文章