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”
参数中?如果我删除,我将有两个嵌套的头。。。主导航器的头和子导航器的头,我希望我的子导航器头继承自其父导航器。