/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 vote213 views1 answer
React js create element
Javascript React
1 vote195 views1 answer
React why onclick property function trigger without click
Javascript React
0 vote200 views1 answer
React native hide stack navigator title
Javascript React
0 vote192 views1 answer
Ts(2749) react testing library
Javascript React
0 vote246 views1 answer
React native communicate with webview
Javascript React
3 votes196 views1 answer
InnerWidth react
Javascript React
0 vote211 views1 answer
Empty div react
Javascript React
0 vote216 views1 answer
Plotly react
Javascript React
0 vote250 views1 answer
React-hook-form image
Javascript React
0 vote209 views1 answer
Set navigation drawer to open by default react native
Javascript React

Share