React Navigation Extend Header

Question

我正在React Native项目中使用React Navigation。我想在标题中添加一些额外的内容。

我创建了一个自定义标头组件，并在Stack导航器中使用它，如下所示：

navigationOptions: {
    header: CustomHeader
}

这很好，但是显然替换了整个标题。我知道我可以使用道具访问屏幕标题，但是我不想为此设置样式，以便它与不使用自定义标题的屏幕匹配。

无论如何，我可以使用自定义标题但保留现有标题吗？

Answer 1

您可以简单地在需要navigationOptions的屏幕内使用customHeader：

static navigationOptions = ({ navigation }) => {
   //If you need do things
   return {
      header : <CustomHeader />
   } 
}