заголовок экрана не отображается при вложенном ящике в стеке

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

Ссылаясь на документацию по материалам :

Боковая навигация означает перемещение между экранами на одном уровне . иерархии

Все еще ссылаясь на этот документ, StackNavigator позволяет перемещаться:

между экранами на последовательных уровнях иерархии

Так что я не думаю, что вы должны использовать навигатор ящиков внутри стекового навигатора.

Более стандартно реализовать один навигатор с несколькими стеками, например:

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

Таким образом, вы можете установить заголовок каждой страницы в определении стековых навигаторов, и он работает хорошо.

Я создал небольшой рабочий пример: https://snack.expo.io/SyfeqM6ZX