Мне нужно изменить цвет фона на активной вкладке. Я нашел в документации, как изменить цвет текста, но не фона.
Мой код:
const Tab = createMaterialTopTabNavigator();
return (
<View>
<Tab.Navigator
tabBarOptions={{
labelStyle: { fontSize: 12 },
activeTintColor : "#FFFFFF",
inactiveTintColor : "#2B5E4A",
pressOpacity : ".8",
activeTabStyle : {backgroundColor : 'red'},
tabStyle: { borderColor : '#2B5E4A', borderWidth : 2, backgroundColor : '#2B5E4A', borderRadius : 4, overflow : 'hidden' },
indicatorStyle : { backgroundColor : 'transparent' },
style : {paddingHorizontal : 20, paddingVertical : 16},
}}
>
<Tab.Screen
name="Home"
component={Home}
/>
<Tab.Screen name="Settings" component={Settings} />
</Tab.Navigator>
</View>
);