Конфигурация заголовка вложенного стека навигатора

Question

У меня два стековых навигатора, в которые второй стек вложен во второй:

export default createStackNavigator( //Settings navigator
    {
        HomeSettings: SettingsScreen
    },
    {
        headerLayoutPreset: "center",
        headerMode: "none"
    }
);

export default createStackNavigator( //Main navigator
    {
        HomeProfile: ProfileScreen,
        Prescriptions: PrescriptionsScreen,
        PrescriptionDetails: PrescriptionDetailsScreen,
        Settings: SettingsNavigator
    },
    {
        initialRouteName: "HomeProfile",
        headerLayoutPreset: "center",
        headerMode: "screen"
    })

На экране из моего дочернего навигатора я не могу установить заголовок в заголовке, используя:

SettingsScreen.navigationOptions = {
    headerTitle: "My custom header"
}

(ничего не добавляется)

Каков наилучший шаблон для этого? Обратите внимание, что я хочу оставить кнопку возврата заголовка на go назад от моего навигатора настроек до основного навигатора.

Answer 1

Добавление navigationOptions к SettingsScreen влияет только на параметры навигатора, в котором он находится, т.е. SettingsNavigator. Но вы хотите изменить заголовок в родительском навигаторе (MainNavigator). Вам нужно сделать:

SettingsNavigator,navigationOptions = {
  // ...
}

https://reactnavigation.org/docs/en/navigation-options-resolution.html