react native hide header code example

Example 1: how to hide header in react navigation

<Stack.Navigator
  screenOptions={{
    headerShown: false
  }}
>
  <Stack.Screen name="route-name" component={ScreenComponent} />
</Stack.Navigator>

Example 2: get rid of header bar react native

navigationOptions: { headerShown: false }

Example 3: hiding header in a specific screen in react native

<Stack.Screen options={{headerShown: false}} name="route-name" component={ScreenComponent} />

Tags:

Javascript Example

Related