How to hide the navigation navbar with React Native?

Spread the love

To hide the navigation navbar with React Native, we set the screenOptions.headerShown option to false.

For instance, we write

<Stack.Navigator
  screenOptions={{
    headerShown: false,
  }}
>
  ...
</Stack.Navigator>;

to set the headerShown option of the screenOptions prop object to false on the Stack.Navigator to hide the navbar.

By John Au-Yeung