CODEWITHSUNDEEP
react-nativestack-navigator
Pavindu
Pavindu

Reputation: 3123

Hide stack navigator header in drawer navigator screens

In my React Native app, there is a drawer navigator nested inside a stack navigator. I want to hide stack navigator header inside all drawer navigator screens, but visible in other screens.( Therefore, setting headerMode: none for all screens is not a solution )

enter image description here

This is what I tried, but is not working.

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

Upvotes: 0

Views: 271

Answers (1)

Basha K
Basha K

Reputation: 1519

Pass header: null as navigationOtpions as shown below. 

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

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

Upvotes: 3

Related Questions