反应导航扩展头

Question

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

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

navigationOptions: {
    header: CustomHeader
}

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

无论如何，我可以使用自定义标头但保留现有标题吗？可以在标题之后将内容“插入”标题中，还是可以将现有标题（具有设备样式）添加到客户标题中？

Answer 1

您只需在需要navigationOptions的屏幕内使用customHeader：

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