アクティブ/選択したタブの色を変更する方法は？

Question

タブバーのタイトルの色を変更する方法が見つかりませんでした。 これは私のコードです：

Home:{ 
screen: TabNavigator({ 
    Home: { 
    screen: HomeScreen, 
    navigationOptions: ({ navigation }) => ({ 
     title: 'Home', 
     tabBarIcon: ({ tintColor, focused }) => (
     <Ionicons 
     name={focused ? 'ios-home' : 'ios-home-outline'} 
     size={26} 
     style={{ color: focused ? `${tabBarColor}` : tintColor}} 
     /> 
    ), 
     //headerStyle: {backgroundColor: "#553A91"}, 
     //headerTitleStyle: {color: "#FFFFFF"}, 
     header: null, 
    }), 
    }, 
    Profile: { 
    screen: ProfileScreen, 
    navigationOptions: ({ navigation }) => ({ 
     title: 'Profile', 
     tabBarIcon: ({ tintColor, focused }) => (
     <Ionicons 
     name={focused ? 'ios-people' : 'ios-people-outline'} 
     size={26} 
     style={{ color: focused ? `${tabBarColor}` : tintColor }} 
     /> 
    ), 
     //headerStyle: {backgroundColor: "#553A91"}, 
     //headerTitleStyle: {color: "#FFFFFF"}, 
     header: null, 
    }), 
    }, 
}), 
} 

私は検索が、そうする方法を見つけることができませんでした。 タブが選択されていない場合は、デフォルトのグレー色にしたいが、タブが選択されている場合は、tabBarColorの色にする。

どうすればいいですか？

ありがとうございます！

Answer 1

どこで検索していたのか分かりませんが、表示には30秒かかりました。 TabNavigator Docsで

、それはあなたがactiveTintColor

activeTintColorを使用する必要があることは明らかである。アクティブなタブのラベルとアイコンの色

例：

const MyApp = TabNavigator({ 
    Home: { 
    screen: MyHomeScreen, 
    }, 
    Notifications: { 
    screen: MyNotificationsScreen, 
    }, 
}, { 
    tabBarOptions: { 
    activeTintColor: '#e91e63', 
    }, 
});