Javascript 反应导航:无法使用嵌套导航器隐藏标题
我在用官方来处理我的导航。我有一个用于整个应用程序的主选项卡Navigator,其中有两个选项卡(分别称为Javascript 反应导航:无法使用嵌套导航器隐藏标题,javascript,react-native,react-navigation,Javascript,React Native,React Navigation,我在用官方来处理我的导航。我有一个用于整个应用程序的主选项卡Navigator,其中有两个选项卡(分别称为HitchhikingMapNavigator和SettingsNavigator),每个选项卡都有一个嵌套的StackNavigator: const HitchhikingMapNavigator = StackNavigator({ hitchhikingMap: { screen: HitchhikingMapViewContainer }, spotDetails: { s
HitchhikingMapNavigator
和SettingsNavigator
),每个选项卡都有一个嵌套的StackNavigator:
const HitchhikingMapNavigator = StackNavigator({
hitchhikingMap: { screen: HitchhikingMapViewContainer },
spotDetails: { screen: SpotDetailsViewContainer }
}, {
navigationOptions: {
header: {
visible: false
}
}
});
const SettingsNavigator = StackNavigator({
// some other routes
});
export default AppNavigator = TabNavigator({
hitchhikingMap: { screen: HitchhikingMapNavigator },
settings: { screen: SettingsNavigator }
}, {
navigationOptions: {
header: {
visible: false,
},
},
});
如您所见,我将标题的可视性设置为false,即使在我的HitchhikingMapViewContainer
视图中:
class HitchhikingMapView extends React.Component {
static navigationOptions = {
title: 'Map',
header: {
visible: false,
},
//...other options
}
然而,标题栏仍然可见:
如果我没有嵌套导航器(即,如果我放入此代码,则跳过嵌套的代码):
然后标题被正确隐藏
结论:当我有两个嵌套的导航器时,我不能使标题不可见。有什么想法吗?这对我很有用:
headerMode:“无”
对于那些仍在寻找答案的人,我将在这里发布
因此,有两种解决方案:
第一种解决方案:在StackNavigator中使用headerMode:“无”
。这将从StackNavigator中的所有屏幕中删除标题
第二种解决方案:在StackNavigator中使用headerMode:'screen'
,并在要隐藏标题的屏幕的导航选项中添加标题:{visible:false}
更多信息可在此处找到:从v1.0.0-beta.9开始,使用以下命令:
静态导航选项={
标题:空
}
这对我来说很有效,我正在使用react原生版本0.45的android端
静态导航选项={
标题:空
}
这对我来说可以隐藏导航:
静态导航选项={
标题:空
};
在的“反应导航”:“^1.0.0-beta.7”中对我不起作用。
我有“反应导航”:“^1.0.0-beta.9”和方法->静态导航选项={header:false}对我起作用。@DanielArenas你是我的英雄Dudes,反应导航1.0.0-beta.11 header:{visible:false}不起作用。改用header:null。
export default AppNavigator = TabNavigator({
hitchhikingMap: { screen: HitchhikingMapViewContainer },
settings: { screen: SettingsNavigator }
});