我需要知道如何隐藏底部标签.

我试过以下方法:

tabBarShowLabels:'隐藏',tabbarlabelvisible:错误.

我还删除了tabbarlabel: 'Home',它仍然显示

如果有人能给我指出正确的方向,我将不胜感激.

enter image description here

import {createBottomTabNavigator} from 'react-navigation'
import Icon from 'react-native-vector-icons/Ionicons'


const Tabs = createBottomTabNavigator ({
  Home:{
    screen: Home,
    navigationOptions:{
      tabBarIcon: ({ focused, tintcolor }) => (
        <Icon name="ios-home" size={24}  />
      )
    }
  },
  Inbox:{screen: Inbox,
    navigationOptions:{
      tabBarIcon: ({ tintcolor }) => (
        <Icon name="ios-mail" size={24} />
      )
    }
  },
  Search:{screen: Search,
    navigationOptions:{
      tabBarIcon: ({ tintcolor }) => (
        <Icon name="ios-search" size={24} />
      )
    }
  },
  Favorites:{screen: Favorites,
    navigationOptions:{ 
    tabBarIcon: ({ tintcolor }) => (
      <Icon name="ios-heart" size={24} />
    )
  }
  },
  Settings:{screen: Settings,
    navigationOptions:{ 
      tabBarIcon: ({ tintcolor }) => (
        <Icon name="ios-settings" size={24} />
      )
    }
  }

}
});



export default class App extends Component {
  render() {

    return <Tabs />
  }
}

推荐答案

你必须像docs所说的那样定义showLabel: false,就像

const Tabs = createBottomTabNavigator ({
  Home:{
    screen: Home,
    navigationOptions:{
      tabBarIcon: ({ focused, tintcolor }) => (
        <Icon name="ios-home" size={24}  />
      )
    }
  },
  ...
  ,
  Settings:{screen: Settings,
    navigationOptions:{
      tabBarIcon: ({ tintcolor }) => (
        <Icon name="ios-settings" size={24} />
      )
    }
  }

}
}, {
  tabBarOptions: { showLabel: false }
});

React-native相关问答推荐

Touchabble 不透明度不工作-react 本机

导航堆栈不显示

在 React Native 中使用 Flatlist scrollView 时的模式关闭

将屏幕标题更新为所选标签导航的标题

React Native - 当位置在Android上是绝对时视图消失

使用 AsyncStorage 如何以及在何处保存整个 redux 存储

更改整个 React Native App 的语言

如何在 react-native 中在图像周围添加阴影

如何渲染多行文本组件,行间有白色间隙

为什么 Android Studio 强制使用 Android 支持库中的 Androidx?

React native Redux - 对象不是构造函数(判断'new ctor(props context)')

React Native STUCK 启动打包器

React Nativedropped so far性能监视器计数不断增加

react-native 元素/目录 struct 设置

在 webview 中检测touch 是 Apple Pencil 还是手指(react-native)

如何使 react-native Picker 停留在新 Select 的选项?

React-Native Invariant Violation:元素类型无效

错误 React Native CLI 对本机依赖项使用自动链接,但以下模块是手动链接的

如何在 React Native 中从底部滑入和滑出

如何在 React-Native 中停止touch 事件传播