/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

64 votes176 views6 answers
React js router
Javascript React
0 vote141 views1 answer
How can we update time in react js
Javascript React
6 votes153 views2 answers
React native spinkit
Javascript React
0 vote153 views1 answer
React.js file extension
Javascript React
0 vote165 views1 answer
React-scripts test single file
Javascript React
45 votes157 views4 answers
Can't resolve 'react-router-dom'
Javascript React
6 votes151 views6 answers
Shadow react native generator
Javascript React
1 vote155 views1 answer
External script in react
Javascript React
0 vote155 views1 answer
Error metro bundler process exited with code 1 react native
Javascript React
1 vote191 views1 answer
React form reload page
Javascript React