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

Question

So I tried everything, however I am unable to make this tab disappear removing it

I tried:

tabBarOptions: { 
    visible: false
}

but without any success.

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

Answer 1

please explain the details and react-navigation version that you used.

if you use latest react-navigation which is version 5.x, then if you wanna hide specific bottom tab in specific screen, you can try this below code, basically, you just pass 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>
  )
}

more: https://reactnavigation.org/docs/hiding-tabbar-in-screens/