堆栈抽屉嵌套时未显示屏幕标题

Question

要在此处完成的任务是，拥有顶部StackNavigator，并通过执行以下操作将DrawerNavigator嵌套在其中：

export default createStackNavigator({
  initial: createDrawerNavigator({
    Home: {
      screen: Home,
      navigationOptions: {
        title: 'Home',
      },
    },
    Nutrition: {
      screen: Nutrition,
      navigationOptions: {
        title: 'Nutrition',
      },
    },
  }, {
    navigationOptions: {
      header: null,
    },
  }),
});

但是我所看到的只是一个空的白色标题，什么也没显示

关于我可能做错了什么的任何建议？

Answer 1

引用material theming documentation：

  

横向导航是指在相同级别的屏幕之间移动   等级

仍然引用此文档，StackNavigator允许导航：

  

连续的层次结构在屏幕之间

因此，我认为您不应该在堆栈导航器内部使用抽屉式导航器。

实现一个包含多个这样的堆栈导航器的抽屉式导航器更为标准：

export default createDrawerNavigator({
    Stack1: {
      screen: stack1,
    },
    Stack2: {
      screen: stack2,
    },
});

这样，您可以在堆栈导航器的定义中设置每个页面的标题，并且效果很好。

我创建了一个工作示例：https://snack.expo.io/SyfeqM6ZX