/Javascript/React/How to hide header in react navigation

How to hide header in react navigation

How to hide header in react navigation

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

9

Source: stackoverflow.com

Hide header react navigation

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

7

How To Hide React Navigation Header in React Native

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

2

Source: stackoverflow.com

Similar codes

0 vote299 views1 answer
How to upload react js project on server
Javascript React
0 vote242 views1 answer
React hooks, react custom hooks
Javascript React
112 votes245 views6 answers
Import bootstrap 4 in react
Javascript React
0 vote247 views1 answer
What was the reaction of others bostonh tea party
Javascript React
0 vote291 views1 answer
React native app slow lagging image
Javascript React
0 vote253 views1 answer
React input cursor jump end
Javascript React
1 vote258 views1 answer
Unexpected token react native stack navigation
Javascript React
1 vote255 views1 answer
React-redux imports
Javascript React
0 vote254 views1 answer
React-leaflet/core/cjs/pane.js:7%20error15-Jun-2021%2000:45:06%20%20%20%20%20%20const%20pane%20=%20props.pane%20??%20context.pane;
Javascript React
0 vote244 views1 answer
Hide component blur react hooks
Javascript React

Share