react-native从入门到精通搭建app（六） 一一 头部标题栏设置

五、react-native头部标题栏设置

1.设置标题

屏幕组件可以具有静态属性navigationOptions，该属性称为对象或返回包含各种配置选项的对象的函数。我们用于标题标题的那个是title，如以下示例所示。

HomeScreen主组件

class HomeScreen extends React.Component {
  static navigationOptions = {
    title: 'Home',
  };
  /* render function, etc */}

DetailsScreen详情组件

class DetailsScreen extends React.Component {
  static navigationOptions = {
    title: 'Details',
  };
  /* render function, etc */}

在navigation.getParam或navigation.state.params后者我们自行查看学习，我们教程前者介绍，

为了在标题中使用params，我们需要创建navigationOptions一个返回配置对象的函数。尝试在this.props内部使用可能很诱人navigationOptions，但因为它是组件的静态属性，this所以不引用组件的实例，因此没有可用的道具。相反，如果我们创建navigationOptions一个函数，那么React Navi