Ask Your Question
3

What is the method to turn off the header in createDrawerNavigation for React Navigation within React Native?

asked 2023-03-15 11:00:00 +0000

djk gravatar image

edit retag flag offensive close merge delete

1 Answer

Sort by ยป oldest newest most voted
1

answered 2021-10-20 05:00:00 +0000

nofretete gravatar image

To turn off the header in createDrawerNavigation for React Navigation within React Native, you can use the headerMode option and set it to "none" in the StackNavigator that the drawer navigator is nested in. Here's an example:

import { createDrawerNavigator } from 'react-navigation-drawer';
import { createStackNavigator } from 'react-navigation-stack';

import HomeScreen from './screens/HomeScreen';
import ProfileScreen from './screens/ProfileScreen';

const AppNavigator = createStackNavigator(
  {
    Home: { screen: HomeScreen },
    Profile: { screen: ProfileScreen },
  },
  {
    headerMode: 'none',
  }
);

const DrawerNavigator = createDrawerNavigator(
  {
    App: AppNavigator,
  },
  {
    // drawer options
  }
);

export default DrawerNavigator;

In this example, the AppNavigator stack navigator has the headerMode option set to "none". This removes the header from all screens in the stack navigator, which includes the screens that are displayed in the drawer navigator. Therefore, the header will also be removed from the drawer navigator screens.

edit flag offensive delete link more

Your Answer

Please start posting anonymously - your entry will be published after you log in or create a new account. This space is reserved only for answers. If you would like to engage in a discussion, please instead post a comment under the question or an answer that you would like to discuss

Add Answer


Question Tools

Stats

Asked: 2023-03-15 11:00:00 +0000

Seen: 12 times

Last updated: Oct 20 '21