代码之家 › 专栏 › 技术社区 › Abanoub

在堆栈中嵌套抽屉时不显示屏幕标题

react-navigation react-native reactjs

0

Abanoub · 技术社区 · 8 年前

StackNavigator ,并将 DrawerNavigator

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

但我看到的是一个空的白色标题,没有任何显示

有什么关于我可能做错什么的建议吗?

1 回复 | 直到 8 年前

1

0

Community Mohan Dere 6 年前

指 material theming documentation :

横向导航是指在 等级制度

仍然参照此文档,StackNavigator允许导航:

在连续层次的屏幕之间

所以我不认为你应该在堆栈导航器中使用抽屉导航器。

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

通过这种方式,您可以在堆栈导航器的定义中设置每个页面的标题,并且效果良好。

我创造了一个小例子: https://snack.expo.io/SyfeqM6ZX