реагировать на родную навигацию3 Я хочу скрыть одну метку в нижней вкладке навигации

Question

Я хочу скрыть метку, выделенную на рисунке желтым цветом.

Как это сделать?

Мой код:

const MainBottomTab = createBottomTabNavigator({
  HomeStack : {
    screen : HomeStack,
    navigationOptions : {
      showlabel:false,
      drawerLabel:NullComponent
    }
  } ,
  SettingsStack,
  },{
  tabBarPosition:"bottom",
  navigationOptions:{

  },
  tabBarOptions:{

activeTintColor: "green",
inactiveTintColor: "#00ccff",
style:{
  backgroundColor: "white"
},
indicatorStyle:{
  height: 0
},
showIcon:'true'


},
 swipeEnabled:true,
});

Answer 1

использовать пользовательский TabIcon

 navigationOptions :({ navigation }) {
  tabBarIcon: ({ tintColor }) => {

    const { routeName } = navigation.state;
    let iconName;
    if (routeName === 'Home') iconName = 'home';
    else if (routeName === 'Notifications') iconName = 'notifications';
    else if (routeName === 'Readout') iconName = 'readout';
    else if (routeName === 'Inbox') iconName = 'messages';
    else if (routeName === 'Profile') iconName = 'profile';
 //Tabicon is just custom Icon display widget . handle All tabicon in TabIcon by iconname 
     return <TabIcons iconName={iconName} tintColor={tintColor} />;

 }
}