App Loading Jump on Android Pre-Build

[andreavrr]

Summary

The expected behavior is for the Expo router-based app to load smoothly without any jumping or bouncing during the initial loading screen. While the app functions as expected when running on the Expo app, the issue arises specifically when running the pre-build for Android. During this pre-build, the loading screen exhibits a jumping behavior, significantly disrupting the user experience. This issue affects the Android platform.

To replicate the issue, simply create an Expo router using the following command:

npx create-expo-app@latest --template tabs@50

Then, run the Android pre-build. Device: Nexus_4_API_34

Video: https://streamable.com/e/7x3m6f

What platform(s) does this occur on?

Android

SDK Version

~50.0.14

Environment

expo-env-info 1.2.0 environment info:
System:
OS: macOS 14.3.1
Shell: 5.9 - /bin/zsh
Binaries:
Node: 20.11.1 - ~/.nvm/versions/node/v20.11.1/bin/node
npm: 10.2.4 - ~/.nvm/versions/node/v20.11.1/bin/npm
Watchman: 2024.01.22.00 - /opt/homebrew/bin/watchman
Managers:
CocoaPods: 1.15.2 - /opt/homebrew/bin/pod
SDKs:
iOS SDK:
Platforms: DriverKit 23.2, iOS 17.2, macOS 14.2, tvOS 17.2, visionOS 1.0, watchOS 10.2
IDEs:
Android Studio: 2023.1 AI-231.9392.1.2311.11330709
Xcode: 15.2/15C500b - /usr/bin/xcodebuild
npmPackages:
expo: ~50.0.14 => 50.0.17
expo-router: ~3.4.8 => 3.4.8
react: 18.2.0 => 18.2.0
react-dom: 18.2.0 => 18.2.0
react-native: 0.73.6 => 0.73.6
react-native-web: ~0.19.6 => 0.19.11
Expo Workflow: bare

Minimal reproducible example

To replicate the issue, simply create an Expo router using the following command: npx create-expo-app@latest --template tabs@50 Then, run the Android pre-build.

[expo-bot]

Thank you for filing this issue!
This comment acknowledges we believe this may be a bug and there’s enough information to investigate it.
However, we can’t promise any sort of timeline for resolution. We prioritize issues based on severity, breadth of impact, and alignment with our roadmap. If you’d like to help move it more quickly, you can continue to investigate it more deeply and/or you can open a pull request that fixes the cause.

[andreavrr]

In addition, I noticed that the issue relates to the native status bar and the one from Expo, as if it were creating a conflict.

[dcdavidheisnam]

Same thing happened with the app I'm working on. I improved the user experience by a lot by hiding the splash screen only after the main screen has loaded (I used SplashScreen.preventAutoHideAsync() and SplashScreen.hideAsync()). The user never has to see the status bar jumping.