/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 vote305 views1 answer
Formdata append react js
Javascript React
0 vote273 views2 answers
Error: Error: Unable to resolve module react-native-gesture-handler
Javascript React
0 vote322 views1 answer
How to change height of bottom material tab navigator from react-naviagtion
Javascript React
0 vote294 views1 answer
Justifycontent react native flatlist
Javascript React
0 vote321 views2 answers
Count down timer in react native
Javascript React
0 vote292 views2 answers
Change iphone return in keyboard to search in react native
Javascript React
1 vote291 views1 answer
Picker change event react native
Javascript React
10 votes306 views4 answers
React native disable warnings
Javascript React
1 vote291 views1 answer
Adding parameters to url react router
Javascript React
0 vote298 views1 answer
Fetch data from asyncstorage react native
Javascript React

Share