如何在tabnavigator中隐藏某个选项卡？

import { createMaterialTopTabNavigator } from 'react-navigation';

const TabNavigator = createMaterialTopTabNavigator(
  {
    Home: { screen: HomeScreen },
    Profile: { screen: ProfileScreen },
    Settings: { screen: SettingsScreen },
    Notifications: { screen: NotificationsScreen },
  },
  {
    tabBarOptions: {
      tabBarVisible: true, // 默认情况下，选项卡栏是可见的
    },
  }
);

// 隐藏选项卡
TabNavigator.navigationOptions = ({ navigation }) => {
  const { routes, index } = navigation.state;
  const { routeName } = routes[index];

  // 隐藏Profile选项卡
  if (routeName === 'Profile') {
    return {
      tabBarVisible: false,
    };
  }

  return {
    tabBarVisible: true,
  };
};