反应导航扩展头

时间:2019-11-04 04:04:00

标签: reactjs react-native react-navigation

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

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

navigationOptions: {
    header: CustomHeader
}

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

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

1 个答案:

答案 0 :(得分:0)

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

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