/Javascript/React/How To Hide React Navigation Header in React Native

How To Hide React Navigation Header in React Native

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

-1 vote158 views2 answers
How to validate date in react
Javascript React
19 votes158 views3 answers
React Hooks append state
Javascript React
19 votes220 views6 answers
Convert svg to react component
Javascript React
0 vote144 views1 answer
Syntax for srcset in react
Javascript React
4 votes152 views2 answers
How to use react-native-vector-icons
Javascript React
-3 votes145 views2 answers
Generate android folder in react native
Javascript React
0 vote165 views1 answer
Dlowlad the json fiel in react js pretty formate
Javascript React
1 vote185 views1 answer
React native paper text input
Javascript React
0 vote185 views1 answer
Get size of a View in React Native
Javascript React
0 vote154 views1 answer
How to add comma in react map
Javascript React

Share