Я определил tintColor и activeTintColor для изменения цвета метки активной вкладки. Для изменения цвета значка активной вкладки вам нужно определить tabBarIcon для каждой вкладки и передать ей tintColor. например, если у вас есть вкладка поиска, вы можете сделать это так:
крыть ярлыки вTabNavigator
и показывать толькоicons
? Если я сделаю следующее:
const Tabs = TabNavigator({
Home: {
screen:MainHome,
navigationOptions: ({ navigation }) => ({
title: "Home", //Tried to hide this for next tab Search.
tabBarIcon: ({ tintColor, focused }) => <View><MaterialIcons name="home"/></View>
})
},
Search: {
screen:TestComp1,
navigationOptions: ({ navigation }) => ({
//If no title it shows the name as Search.
tabBarIcon: ({ tintColor, focused }) => <View><MaterialIcons name="accessibility"/></View>
})
}
}, {
tabBarPosition: 'bottom',
tabBarOptions: {
showIcon: true,
activeTintColor: '#e91e63', //Not working for icons.
inactiveBackgroundColor: 'green', // Not working at all.
style: {backgroundColor: '#3498DB', height: 60, padding:0, margin:0}
}
});
Если я удалюtitle
изnavigationOptions
показывает название вкладки (Home
или жеSearch
). Я хочу только показать значки и изменить цвет активногоicon
. activeTintColor
не работает для иконок.