React Native。在react导航中对BottomTab.Navigator隐藏项目

import React from 'react';
import { BottomTabNavigator } from '@react-navigation/bottom-tabs';

const Tab = BottomTabNavigator();

function MyTabs() {
  return (
    <Tab.Navigator>
      <Tab.Screen name="Home" component={HomeScreen} />
      <Tab.Screen name="Settings" component={SettingsScreen} />
      <Tab.Screen
        name="HiddenTab"
        component={HiddenScreen}
        options={{
          tabBarIcon: () => null,
          tabBarLabel: () => null,
        }}
      />
    </Tab.Navigator>
  );
}

import React, { useState } from 'react';
import { BottomTabNavigator } from '@react-navigation/bottom-tabs';

const Tab = BottomTabNavigator();

function MyTabs() {
  const [isVisible, setIsVisible] = useState(true);

  return (
    <Tab.Navigator>
      <Tab.Screen name="Home" component={HomeScreen} />
      <Tab.Screen name="Settings" component={SettingsScreen} />
      <Tab.Screen
        name="HiddenTab"
        component={HiddenScreen}
        options={{
          tabBarVisible: isVisible,
        }}
      />
    </Tab.Navigator>
  );
}