如何从 React Native Navigator 中删除标题？
吉尔梅·加西亚·达·罗莎
我有一个标签栏导航器（水平滑动）并设置在屏幕底部，我想让栏只有图标，没有标题，这是当前的设计：
这是代码：
const AppTabNavigator = createMaterialTopTabNavigator({
Home: {
screen: HomeScreen,
navigationOptions: {
tabBarLabel: 'Home',
tabBarIcon: ({ tintColor }) => (
<Icon name="ios-home" style={{color: 'white'}} color={tintColor} size={24} />
)
}
},
Hot: {
screen: SettingsScreen,
navigationOptions: {
tabBarLabel: 'Hot',
tabBarIcon: ({ tintColor }) => (
<Icon name="ios-flame" style={{color: 'white'}} color={tintColor} size={24} />
)
}
}
}, {
order: ['Home', 'Hot'],
tabBarPosition: 'bottom',
swipeEnabled: true,
animationEnabled: true,
tabBarOptions: {
activeTintColor: 'orange',
inactiveTintColor: 'grey',
style: {
backgroundColor: '#4050B5',
borderTopWidth: 0.5,
borderTopColor: 'grey'
},
indicatorStyle: {
height: 0
},
showIcon: true
}
})
我想要没有标题的标签栏，只是图标，但是如果我删除 tabBarLabel，它仍然从“Home: {”和“Hot: {”中获取名称，我发现删除标题的唯一方法是将 tabBarLabel 设置为空格，空不起作用：
标签栏标签：''
但结果很糟糕：
我希望图标几乎不接触屏幕底部，就像唯一的填充一样在图标的上方和下方。
杰·图马尔
用
tabBarLabel:() => {return null},
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
- 上一篇：如何将字符集转换为 ASCII 并使用 SCALA 打印重复奇数次的字符
- 下一篇：Chrome 在记录克隆的 SVGElement 时添加属性 [requiredExtensions, systemLanguage]
相关文章
Related 相关文章
- 1
React Native-Navigator递归子代崩溃
- 2
React-Native <Navigator />：如何从实例化它的类中对其进行控制
- 3
在React Native Navigator中在组件之间传递值
- 4
React Native-使用ToolbarAndroid和Navigator的navigationBar
- 5
动态响应Native Navigator设置标题iOS
- 6
在Android上的React Native，Navigator中处理后退按钮
- 7
如何从React Native的EventEmitter实例中删除侦听器？
- 8
从React Native中的renderScene函数（Navigator）获取状态
- 9
如何使用带有React Native的Navigator制作静态底部栏？
- 10
如何在React Native中安装React Native Maps？
- 11
TypeError：undefined不是在react-native-google-places-autocomplete中的对象（评估“ navigator.geolocation.getCurrentPosition”）
- 12
如何在React Native中删除警告
- 13
如何在Tab Navigator中设置Stack Navigator的始终第一个屏幕React React Navigation 5
- 14
React.native中Stack.Screens之间的Stack.Navigator淡入淡出过渡？
- 15
React Native Stack Navigator使用状态
- 16
如何在React Native React Navigation 5中为标题后退按钮的颜色设置动画？
- 17
React Native Drawer和Tab Navigator
- 18
如何在React Native中向标题添加自定义标题和按钮？
- 19
如何在React-Native中设置Navigator的背景图像
- 20
React Native Android Navigator
- 21
从React Native中的renderScene函数（Navigator）获取状态
- 22
React Native Navigator意外令牌
- 23
如何在React Native中为图像添加标题
- 24
无法从React Native引用Navigator
- 25
如何在最新版本的 React Native 中使用 Navigator？
- 26
如何删除 React Native Android Button 的样式
- 27
WebStorm + React-Native : Navigator 已被弃用并已从此包中删除
- 28
React Native：如何完全删除 Instabug？
- 29
导航问题 React native , stack navigator
我来说两句