Как изменить цвет фона в активном createMaterialTopTabNavigator? - PullRequest
0 голосов
/ 01 апреля 2020

Мне нужно изменить цвет фона на активной вкладке. Я нашел в документации, как изменить цвет текста, но не фона.

Мой код:

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>
    );
...