/Javascript/React/Hide header bar react navigation

Hide header bar react navigation

Hide header react navigation

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

Source: grepper.com

How to hide header in react navigation

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

Source: stackoverflow.com

React navigation hide header

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

Source: stackoverflow.com

Similar codes

2 votes256 views2 answers
Property 'name' does not exist on type 'eventtarget' react
Javascript React
12 votes243 views4 answers
Uninstall material ui react
Javascript React
2 votes248 views1 answer
Dot env react native
Javascript React
3 votes223 views1 answer
Css in a react file
Javascript React
1 vote232 views1 answer
React native modal not full screen
Javascript React
1 vote226 views1 answer
Difference between dom and react dom
Javascript React
1 vote221 views1 answer
Typeerror object(...) is not a function react useParams
Javascript React
0 vote220 views1 answer
React select remove the loading indicator
Javascript React
0 vote238 views1 answer
Pass text to button component react
Javascript React
1 vote251 views1 answer
How to delete an object from array in reactjs
Javascript React