/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

0 vote319 views2 answers
Hide screen links in drawerNavigation in react native
Javascript React
6 votes312 views1 answer
Create bottom navigation bar react native
Javascript React
1 vote337 views1 answer
React native textinput not show cursor
Javascript React
1 vote317 views1 answer
Could not find com.yqritc:android-scalablevideoview:1.0.4 react native video
Javascript React
0 vote277 views1 answer
Nested ternaries react
Javascript React
0 vote318 views1 answer
Align left text in reactstrap
Javascript React
0 vote298 views1 answer
Rn push notification No task registered for key ReactNativeFirebaseMessagingHeadlessTask
Javascript React
1 vote309 views1 answer
React native basic template
Javascript React
15 votes309 views2 answers
Expo react navigation
Javascript React
0 vote299 views1 answer
React native 'UMConstantsInterface/UMConstantsInterface.h' file not found
Javascript React

Share