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

Posted

技术标签:

【中文标题】StackNavigator:无法更改标题标题的字体颜色【英文标题】:StackNavigator: Not able to change font color for the header title 【发布时间】:2018-01-11 02:01:12 【问题描述】:

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

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

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

【问题讨论】:

【参考方案1】:

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

要将样式应用于标题,您必须使用headerTitleStyle,如StackNavigator documentation 中所述。

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

【讨论】:

以上是关于StackNavigator:无法更改标题标题的字体颜色的主要内容,如果未能解决你的问题,请参考以下文章

怎么让标题栏上的字变大来?

StackNavigator 标题未在最简单的示例中显示

StackNavigator 不能嵌套多个级别?

React Navigation 导航到没有 BottomTabNavigator 的普通 stackNavigator

Undefined 不是 _reactNavigation.StackNavigator 附近的函数

获取未定义不是抽屉导航中的函数(评估'(0,_reactNavigation.stacknavigator)')