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属性来设置活动和非活动选项卡的颜色。

请在此处查看文档以获取更多信息。