如何在 React Native 中更改选项卡导航器的颜色样式？

Question

我是一个反应原生的新手。我在主屏幕上使用标签导航器，但不知道如何更改活动和非活动标签颜色样式。

export const MyApp = TabNavigator({
  Asset: {
   screen: AssetScreen
  },
 Sensors: {
  screen: sensorsStack
 },
 Settings: {
  screen: settingStack
 },
},{
tabBarPosition: 'bottom',
animationEnabled: true,
swipeEnabled:false,
tabBarOptions: {
upperCaseLabel: false,
showIcon: true,
activeBackgroundColor:'#2394C7',
inactiveBackgroundColor:'grey',
tabStyle:{
    marginTop:10,
    height :53,
    borderRightWidth:1
},
labelStyle: {
    fontSize: 15,
    fontWeight:'bold',
     marginTop: 0,
     color :'#ffffff'
  },
 },
});

任何建议将不胜感激。

Answer 1

您可以使用 tabBarOptions 下的 activeBackgroundColor 和 inactiveBackgroundColor 属性来设置活动和非活动标签的颜色。

更多信息请查看文档here。