Question

我目前正在开发一款应用。这是我第一次使用React-native。基本上，我有this问题

我有三个导航选项。我的第一个导航是我的主屏幕和主屏幕。它有headerMode : 'none'

第二个是抽屉。我不想在抽屉中标题，我已手动创建了标题。它有headerMode : 'none'

从这个抽屉里，我移动到其他页面（比如说它的页面A），它应该有标题。这些网页的navigationOptions中包含headerMode: 'screen'。

我的问题是，当我从登录页面导航到页面A时，它有标题，但此标题没有后退按钮。

如果我将我的第一个导航标题模式从null更改为屏幕，我有标题（使用后退按钮完全正常工作）但我也有第二个标题。如果我无法正确说出问题，或者您无法理解，请查看上面的链接。

Answer 1

通过删除子级导航并从Stacknavigators选项中删除{headerMode: 'null'}，我发现了这一点。我手动将header:null添加到每个屏幕。代码如下：

> const TopLevelNav = StackNavigator({  
>              Home: { screen: HomeScreen,
>                      navigationOptions :{header: null } },   
>              Main: { screen: MyApp,       
>                      navigationOptions :{header: null } },    
>              SubNavigation : {screen: Screen1},
>              Screen2: {screen: Screen2},
>       }, 
>//{headerMode: 'none'}  
);

堆栈导航生成2个标题

1 个答案: