javascript - 使用 : @react-navigation/bottom-tabs 时如何从底部标签栏隐藏 "SPECIFIC TAB BAR ITEM"

Question

这是一个视频，展示了我当前所有可见的底部选项卡项目:主页、我的帐户、购物车和菜单。 https://streamable.com/no6anz

我有其他底部选项卡项我想在屏幕上呈现但在底部选项卡栏本身不可见。(例如:SettingsView)

我如何使用 React Native Navigation v5 实现此目的？

Answer 1

就在您不想显示的元素 (Tab.Screen) 上，呈现一个空的 tabBarButton。

<Tab.Screen
    name="SignIn"
    component={SignInScreen}
    options={{
      tabBarButton: (props) => null, //like this
      tabBarVisible: false, //this is additional if you want to hide the whole bottom tab from the screen
    }}
  />