/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

3 votes87 views1 answer
Module not found: can't resolve 'react' in 'c:\users\pavlos\desktop\reactjs\hwr\reactproject2\src'
Javascript React
4 votes93 views3 answers
Sleep in react
Javascript React
0 vote128 views1 answer
React native carriage return
Javascript React
2 votes112 views1 answer
Emmet react self closing tags
Javascript React
6 votes108 views2 answers
Export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom'
Javascript React
0 vote127 views2 answers
Airbnb and eslint react native
Javascript React
0 vote91 views1 answer
React chart chart title
Javascript React
1 vote103 views1 answer
React best way of forcing component to update
Javascript React
3 votes107 views2 answers
Yup checking phone number is valid react
Javascript React
0 vote97 views1 answer
Why my favicon icon is not removing in react
Javascript React