反应本机无法使用反应导航隐藏底部栏中的选项卡

Question

所以我尝试了一切，但是我无法让这个标签消失删除它

我试过：

tabBarOptions: { 
    visible: false
}

但没有任何成功。

Menu: {
       screen: OtherStack,
       tabBarOptions: {
           visible: false
       },
       navigationOptions: ({navigation}) => ({
           tabBarOnPress: () => {
               navigation.toggleMenuDrawer()
           },
       }),
     },

Answer 1

请解释您使用的详细信息和 react-navigation 版本。

如果您使用最新的 react-navigation 版本 5.x，那么如果您想在特定屏幕中隐藏特定的底部选项卡，您可以尝试以下代码，基本上，您只需传递tabBarVisible: false, 。

import React from 'react'

import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'

const Tab = createBottomTabNavigator()

export function tabNav() {
  return (
    <Tab.Navigator
      backBehavior="initialRoute">
      <Tab.Screen
        name="tabChat"
        component={ChatComponentExample} 
        options={{
          tabBarVisible: false,
          tabBarLabel: 'Message'
        }}
      />
      <Tab.Screen
        name="anotherTab"
        component={AnotherTabComponentExample}
        options={{
          tabBarLabel: 'AnotherTab'
        }}
      />
    </Tab.Navigator>
  )
}

更多： https : //reactnavigation.org/docs/hiding-tabbar-in-screens/