如何仅在主屏幕中隐藏标签栏？

Question

我只想在第一个屏幕中隐藏标签栏并在其他屏幕中显示，我该如何实现。任何帮助表示赞赏

const TabNavigator = createBottomTabNavigator({
  Home: {
    screen: HomeScreen,
    navigationOptions: {
      tabBarLabel: 'Home',
      tabBarIcon: ({ tintColor }) => (
      <Icon name="ios-home" color={tintColor} size={24} />
      )
    }
  },
Quotes: {
screen: QuoteScreen,
navigationOptions: {
  tabBarLabel: 'Quotes',
  tabBarIcon: ({ tintColor }) => (
  <Icon name="ios-quote" color={tintColor} size={24} />
  )
}
  },
   About: {
    screen: AboutScreen,
    navigationOptions: {
      tabBarLabel: 'About',
      tabBarIcon: ({ tintColor }) => (
      <Icon name="ios-person" color={tintColor} size={24} />
      )
    }
 },
  Books: {
    screen: BoookScreen,
    navigationOptions: {
      tabBarLabel: 'Books',
      tabBarIcon: ({ tintColor }) => (
      <Icon name="ios-book" color={tintColor} size={24} />
      )
    }
  },
  Videos: {
    screen: VideoScreen,
    navigationOptions: {
      tabBarLabel: 'Videos',
      tabBarIcon: ({ tintColor }) => (
      <Icon name="ios-videocam" color={tintColor} size={24} />
      )
    }
  }

},
{
  tabBarOptions: {

    activeTintColor: 'yellow',
    inactiveTintColr: 'white',
    activeBackgroundColor:'black',
    inactiveBackgroundColor:'black'


  }
});

export default createAppContainer(TabNavigator);

仅在主屏幕中显示标签栏我尝试隐藏在标签栏选项中，但它要么隐藏所有屏幕上的标签栏，要么标签栏在所有屏幕中可见。我应该尝试什么来达到预期的效果？任何帮助表示赞赏。提前谢谢...

Answer 1

在主屏幕导航选项中添加tabBarVisible: false,