headerShown visible on deploy to Play Store

[magician11]

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} />
    </Stack.Navigator>
  );
}

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

Thanks.