从React Navigation中的单个选项卡中删除标题

时间:2018-02-28 16:33:22

标签: reactjs react-native react-navigation tabnavigator

我正在尝试使用React Navigation从五个标签中的一个中删除标题/标签。我知道showLabel: false将从所有标签中删除标签,但我希望只删除一个标签。如果我设置title; '',它将插入一个空字符串,但会占用空间。这是我要删除标题的标签:

AddThing: {
  screen: AddThing,
  navigationOptions: {
    tabBarIcon: <Image source={addThing} />,
  },
},

1 个答案:

答案 0 :(得分:0)

只需将标题设置为“”即可

  export default createBottomTabNavigator(
  {
    Earn,
    Shop,
    Adding: {
      screen: () => null, // Empty screen
      navigationOptions: () => ({
        tabBarIcon: <Plus />, // Plus button component
        title: '',
      }),
    },
    Learn,
    More,
  },