/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

3 votes238 views3 answers
Center horizontally react native
Javascript React
0 vote134 views1 answer
React native charts style gradiant
Javascript React
16 votes140 views1 answer
Deploy react app netlify
Javascript React
0 vote127 views1 answer
Options not working properly in reactjs
Javascript React
2 votes137 views2 answers
Display image base64 in REACT NATIVE
Javascript React
0 vote130 views1 answer
React native undedined map
Javascript React
61 votes132 views6 answers
Reactjs router
Javascript React
2 votes91 views1 answer
Yarn create react-app test00h00m00s 0/0: : ERROR: [Errno 2] No such file or directory: 'create'
Javascript React
0 vote85 views1 answer
How to make a textarea unwritable in react native
Javascript React
0 vote178 views1 answer
How to pass an id to the route of a seprate file react
Javascript React

Share