TabNavigator 中的 StackNavigator 无法更改导航栏颜色

Question

我有一个 StackNavigator：

const infoNavigator = StackNavigator({
InfoMain: {
    screen: PFInfoMain,
    navigationOptions: {
        title: 'Information',
        tintColor: 'red'
    }
},
InfoDetail: {screen: PFInfoDetail}
});

TabNavigator 内部：

iOS：

const iosTabs = TabNavigator({
Info: {
    screen: infoNavigator,
    navigationOptions: {
        tabBarLabel: 'Info',
        tabBarIcon: ({tintColor}) => (
            <Image
                source={require('../assets/home.png')}
                style={[styles.icon, {tintColor: tintColor}]}
            />
        )
    }
}...

安卓：

const androidTabs = TabNavigator(
{
    Info: {screen: infoNavigator} ...

infoNavigator 中带有 tintColor: 'red' 的 navigationOptions 只是设置导航栏（标题？）颜色的无数次失败尝试之一。

没有任何效果。

有人可以帮忙吗？谢谢！

Answer 1

假设您使用的是react-navigation，

在他们的docs 中没有提到tintColor 这样的东西。

用户headerTintColor 或headerStyle

static navigationOptions = ({ navigation, screenProps }) => ({
       headerTintColor: "red",
       headerStyle: {
         backgroundColor:"red"
       }
   });