如何在navigationOptions中更改反应导航的标题样式？

Question

例如字体颜色和fontSize可能是fontFamily？

static navigationOptions = {
headerStyle: {
  backgroundColor: '#27A9E1',
  shadowColor: 'white',
  elevation: 0,
},
title: 'PROFILE',
(for example I tried something like titleStyle and headerTitleStyle: but didn't work???)

};

Answer 1

headerTitleStyle选项应该有效。这实际上在source code中并不难找到。

用法：

static navigationOptions = {
  headerTitleStyle = { your styles here}
}

Answer 2

似乎每个导航器只能在 navigationOtions 中设置 headerTitleStyle 。使用 headerTitleStyle 属性在代码中搜索 navigationOtions 的早期版本。

Answer 3

使用自定义组件呈现标题。

// ProfileScreen.js
static navigationOptions = {
    header: props => (
      <Header
        {...props}
        title="PROFILE"
      />
    )
  };

这是您的自定义组件标头Header.js

 //Header.js
    ...
    render() {
      const { title } = this.props
      return (
        <View>
          <Text style={styles.yourstyle}>{title}</Text>
        <View>
      )
    }