React Navigate Расширить заголовок

Question

Я использую React Navigation в проекте React Native. Я хочу добавить дополнительный контент в заголовок.

Я создал пользовательский компонент заголовка и использую его в навигаторе стека следующим образом:

navigationOptions: {
    header: CustomHeader
}

Это работает нормально, ноочевидно, что он заменяет весь заголовок. Я знаю, что могу получить доступ к заголовку экрана с помощью реквизита, но я не хочу, чтобы его стилизовали, чтобы он соответствовал экранам, которые не используют настраиваемый заголовок.

В любом случае я могу использовать настраиваемый заголовок, носохранить существующее название? Можно ли «вставить слот» в заголовок после заголовка или включить существующий заголовок (со стилями устройства) в заголовок клиента?

Answer 1

Вы можете просто использовать navigationOptions внутри нужных вам экранов customHeader:

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