react-native-navigation 底部标签样式

Posted

技术标签:

【中文标题】react-native-navigation 底部标签样式【英文标题】:react-native-navigation BottomTab Style 【发布时间】:2021-01-06 15:18:07 【问题描述】:

问题描述

我们如何在react-native-navigation 中设置底部标签容器的样式?例如,如果我们想增加垂直内边距并改变上边框颜色?

环境

React Native Navigation 版本:6.12.2 React Native 版本:0.63.2 平台(iosandroid 还是两者?):两者都 设备信息(模拟器/设备?操作系统版本?调试/发布?):任何

【问题讨论】:

【参考方案1】:

要更改边框颜色,您可以使用以下代码。我在文档中没有找到任何与垂直填充相关的内容

bottomTabs: 
   borderColor: 'red',
   borderWidth: 0.1,

查看comment for more details

【讨论】:

以上是关于react-native-navigation 底部标签样式的主要内容,如果未能解决你的问题,请参考以下文章

React-native-navigation:goBack() 不起作用

react-native-navigation如何在`shouldComponentUpdate`中检测当前屏幕

React-native-navigation 选项卡栏中心圆圈图标

React-Native-Navigation (WIX):如何更新底部标签的徽章计数?

在bottomTab配置react-native-navigation中设置图标大小

使用 wix@react-native-navigation 运行 react-native 应用程序时出错