StackNavigator:无法更改标题标题的字体颜色

时间:2018-01-11 02:01:13

标签: react-native react-navigation

我正在尝试将标题的字体颜色从黑色更改为白色。无法做到这一点。我在代码中有以下内容:

navigationOptions: {
  title: 'PRACTICIA',
  headerLeft: null,
  headerStyle: {
    backgroundColor: '#33ACDE',
    color: 'white'
    }
  }
}

我得到以下结果(黑色)。

enter image description here

1 个答案:

答案 0 :(得分:4)

headerStyle中定义的样式将应用于标题<View />

要将标题应用于标题,您必须使用StackNavigator documentation中所述的headerTitleStyle

navigationOptions: {
  title: 'PRACTICIA',
  headerLeft: null,
  headerStyle: {
    backgroundColor: '#33ACDE'
  },
  headerTitleStyle: {
    color: 'white'
  }
}