React native 嵌套堆栈导航器标头配置

React native 嵌套堆栈导航器标头配置,react-native,react-navigation,React Native,React Navigation,我有两个堆栈导航器,第二个堆栈嵌套在第二个堆栈中: export default createStackNavigator( //Settings navigator { HomeSettings: SettingsScreen }, { headerLayoutPreset: "center", headerMode: "none" } ); export default createStackNavigator

我有两个堆栈导航器,第二个堆栈嵌套在第二个堆栈中:

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"
}
(没有附加任何内容)


这样做的最佳模式是什么?请注意,我希望保留页眉后退按钮以从我的设置导航器返回主导航器。

设置屏幕上添加
导航选项
只会影响它所在导航器的选项,即
设置导航器
。但是您想更改父导航器(
MainNavigator
)中的标题。您需要执行以下操作:

设置导航器,导航选项={
// ...
}

headerMode
-指定如何呈现标题<代码>无
-不会呈现任何标题。问题是否存在于
headerMode:“none”
参数中?如果我删除,我将有两个嵌套的头。。。主导航器的头和子导航器的头,我希望我的子导航器头继承自其父导航器。