react-native – 如何在TabNavigator中隐藏TabBar文本？

发布时间：2020-12-15 09:32:44 所属栏目：百科来源：网络整理

导读：我正在使用’react-navigation’中的TabNavigator.我想隐藏或删除图标下的文字. 这是TabNavigator的一部分. (我正在使用世博会) Camera: { screen: CameraScreen,},Noti: { screen: NotificationScreen,Menu: { screen: MenuStackNavigator,{ navigationOpti

我正在使用’react-navigation’中的TabNavigator.我想隐藏或删除图标下的文字.

enter image description here

这是TabNavigator的一部分. (我正在使用世博会)

Camera: {
      screen: CameraScreen,},Noti: {
      screen: NotificationScreen,Menu: {
      screen: MenuStackNavigator,{
    navigationOptions: ({ navigation }) => ({
         header: null,<<<
         tabBarIcon: ({ focused }) => {
                     ...
         },}),header: null,<<<-
     headerMode: 'none',<<--       
     tabBarComponent: TabBarBottom,tabBarPosition: 'bottom',animationEnabled: false,swipeEnabled: false,backBehavior: 'none',

这是CamaraScreen

class CameraScreen extends Component {
  static navigationOptions = {
    title: 'Camera'
  }

解决方法

您可以通过为tabBarOptions对象指定showLabel：false来隐藏标签：

backBehavior: 'none',tabBarOptions: {
    showLabel: false
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!