how to remove header from stack navigator in drawer navigator in react version 6.x

user_12147452 0
Viewed 1930

this is my stack navigator enter image description here

this is my drawer navigator enter image description here

the problem is my Drawer navigtor header in stack navigator screen 2 - [name='Details',component='Anote'],
I want to remove the drawer navigator from the below picture [ie. one with the title=[Notes Maker]]

enter image description here

react-navigation-stack react-navigation-drawer rxjs react-native
2 Answers

  • if you remove header of stack.Navigator use the screenOptions attribute and make false the headerShown :

    screenOptions={{headerShown:false}}

  • but is you want to remove the header of Drawer.Navigator use the options attribute and make false the headerShown:

    options={{headerShown: false}}
user_150236790

well if you remove options={{ headerShow: true}} from <Drawer.screem ... > tag it will works because according to documentation: headerShown# Whether to show or hide the header for the screen. The header is not shown by default. Setting this to true shows the header.

user_138232250
Related