Wie ändert man die Farbstile für den Tabnavigator in reaktiv nativ?

Question

Ich bin ein Neuling, um nativ zu reagieren. Ich verwende einen Tab-Navigator für meinen Startbildschirm und konnte nicht verstehen, wie das aktive und inaktive Tab-Farbstyling geändert werden kann.

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' 
    }, 
}, 
}); 

Jeder Vorschlag wird sehr zu schätzen wissen.

Answer 1

können Sie activeBackgroundColor und inactiveBackgroundColor Eigenschaft unter tabBarOptions verwenden Farbe für aktive und inaktive Tabs einzustellen.

Bitte lesen Sie das Dokument für weitere Informationen here.