在抽屉导航器屏幕中隐藏堆栈导航器 header

Question

在我的 React Native 应用程序中，有一个嵌套在堆栈导航器中的抽屉导航器。我想在所有抽屉导航器屏幕中隐藏堆栈导航器 header，但在其他屏幕中可见。（因此，为所有屏幕设置 headerMode: none 不是解决方案）

这是我尝试过的方法，但没有用。

DrawerNav: {
    screen: DrawerNavigator,
    navigationOptions: {
      headerMode:'none'
   }
}

Answer 1

将 header: null 作为 navigationOtpions 传递，如下所示。

const DrawerNavigator = createDrawerNavigator(
      {
        Home: {
          screen: YourScreen,

        },
      },
      {
        navigationOptions: {
          header: null,
        },
      },
    );

在抽屉导航器屏幕中隐藏堆栈导航器 header

Hide stack navigator header in drawer navigator screens

react-native

stack-navigator