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

Question

this is my stack navigator

this is my drawer navigator

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]]

did you fix it? i am facing the same issue in React navigation 6 — Raikumar Khangembam, Sep 18 '21 at 14:16

score 5 · Answer 1 · edited Dec 02 '21 at 08:07

5

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}}
```

edited Dec 02 '21 at 08:07

Peter Csala

17,736
16
35
75

answered Dec 02 '21 at 07:12

AS Irfani

71
1
2

score 2 · Answer 2 · answered Mar 30 '21 at 15:50

2

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.

answered Mar 30 '21 at 15:50

Arfan ali

429
2
5

1

if I do that it will be hidden for both the stack screen, I want to hide it in stack screen -2 [component = Anote] only – Ashish Saini Mar 31 '21 at 08:30

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

2 Answers2