在抽屉式导航器屏幕中隐藏堆栈导航器标题

时间:2019-10-17 07:05:37

标签: react-native stack-navigator

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

enter image description here

这是我尝试过的,但是没有用。

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

1 个答案:

答案 0 :(得分:2)

通过标头:null 作为 navigationOtpions ,如下所示。

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

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