Answered by : super-skylark-2rh8fd6ycqbf

Hide header in a single screen
<Stack.Screen name='Home' component={HomeScreen} options={{headerShown: false}}/>

Source : | Last Update : Fri, 25 Jun 21

Answered by : grotesque-grouse-wi4cbwcyqopm

<Stack.Navigator screenOptions={{ headerShown: false }}
> <Stack.Screen name="route-name" component={ScreenComponent} />
</Stack.Navigator>

Source : https://stackoverflow.com/questions/44701245/hide-header-in-stack-navigator-react-navigation | Last Update : Sun, 11 Oct 20

Answered by : tense-tarantula-8yc8qetkb96p

<Stack.Navigator screenOptions={{ headerShown: false }}
> <Stack.Screen name="route-name" component={ScreenComponent} />
</Stack.Navigator>

Source : https://stackoverflow.com/questions/44701245/hide-header-in-stack-navigator-react-navigation/48899526 | Last Update : Tue, 24 Mar 20

Answered by : anaturuchi-iroapali

<Stack.Screen options={{headerShown: false}} name="route-name" component={ScreenComponent} />

Source : https://stackoverflow.com/questions/44701245/hide-header-in-stack-navigator-react-navigation | Last Update : Thu, 06 Jan 22

Answered by : en-garcon

// hide header in multiple screens
<Stack.Navigator screenOptions={{ headerShown: false }}
> <Stack.Screen name="route-name" component={ScreenComponent} />
</Stack.Navigator>

Source : https://stackoverflow.com/questions/44701245/hide-header-in-stack-navigator-react-navigation | Last Update : Sat, 08 Oct 22