如何在反应原生中更改选项卡导航器的颜色样式？

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。