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

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?


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.

1 Like

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