Different position for app view in Expo Client (Android) and react-native Android App

[danielmorlock]

Please provide the following:

1. SDK Version: 30, Expo 44
2. Platforms(Android/iOS/web/all): Android

A very simple App.tsx contains the following:

import React from 'react';
import { Text } from 'react-native';

export default function App() {
  return <Text>Hello World</Text>;
}

This seems to be displayed correctly using the Expo Client: The top space is filled with the navigation title of the app which is as expected.

Now I build an apk using ./gradlew app:assembleRelease, the apk seems to be started in a container which is shifted below the Android menu:

(Top is using Expo Client, bottom is using react-native Android apk).

Further the font color in the Android menu turns into white, so we see nothing in the Android menu and the top-left border of the app is shifted below the menu.

What is going wrong?

Thanks,
Daniel.

[danielmorlock]

I figured out that the minimum app should contain SafeAreaProvider and StatusBar to work properly. Following the example from examples/navigation at master · expo/examples · GitHub.