headerShown visible on deploy to Play Store

Please provide the following:

  1. SDK Version: 47
  2. Platforms(Android/iOS/web/all): Android

During development, the header in Expo looks like this

And once downloaded from the Google Play store it looks like this

Notice the white bar at the top of the second image.

This doesn’t seem to be an issue on iOS.

My code looks like this…

const Stack = createStackNavigator<RootStackParamList>();
function RootNavigator() {
  return (
    <Stack.Navigator screenOptions={{ headerShown: false }}>
      <Stack.Screen name="Root" component={BottomTabNavigator} />

How can I make sure the bar is removed on Android?


This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.