Expo React native new EAS build blank white screen
Problem
Summary When i Created a APK build using EAS it just shows me white screen and there is also no logo of my app after installing meanwhile when i use in locally using Expo app the app is working perfectly fine and my app also have splash screen and logo. This is my eas.json { "cli": { "version": ">= 7.1.2" }, "build": { "development": { "developmentClient": true, "distribution": "internal" }, "preview": { "distribution": "internal" }, "production": { "android": { "buildType": "apk" } } }, "submit": { "production": {} } } What platform(s) does this occur on? Android SDK Version "expo": "^51.0.10", Environment expo-env-info 1.2.0 environment info: System: OS: Windows 10 10.0.19045 Binaries: Node: 21.6.2 - C:\Program Files\nodejs\node.EXE npm: 10.8.1 - C:\Program Files\nodejs\npm.CMD IDEs: Android Studio: AI-231.9392.1.2311.11330709 npmPackages: expo: ^51.0.10 => 51.0.10 react: ^18.2.0 => 18.2.0 react-native: 0.74.1 => 0.74.1 Expo Workflow: managed Minimal reproducible example NA
Unverified for your environment
Select your OS to check compatibility.
1 Fix
Fix Blank White Screen on EAS Build for Expo React Native App
The blank white screen issue occurs due to potential misconfigurations in the EAS build settings, particularly when the app is built in production mode without proper asset handling or splash screen configuration. Additionally, the absence of a proper entry point or misalignment in the app's dependencies can lead to this problem.
Awaiting Verification
Be the first to verify this fix
- 1
Check Splash Screen Configuration
Ensure that the splash screen is correctly configured in your app.json or app.config.js file. The splash screen settings must be defined to display the logo and background color appropriately.
jsonjson { "expo": { "splash": { "image": "./assets/splash.png", "resizeMode": "contain", "backgroundColor": "#ffffff" } } } - 2
Update EAS Build Configuration
Modify your eas.json to ensure that the production build uses the correct configuration. Ensure that the 'developmentClient' is set to false for production builds.
jsonjson { "build": { "production": { "android": { "buildType": "apk", "developmentClient": false } } } } - 3
Clear Cache and Rebuild
Clear the build cache and rebuild the app to ensure that no stale assets are causing the issue. Use the following command to clear the cache and trigger a new build.
bashbash expo start -c - 4
Verify Asset Bundling
Ensure that all assets are correctly bundled with the app. Check that images and other assets are included in the build by verifying the asset paths in your code.
bashbash expo publish - 5
Test on Physical Device
Install the newly built APK on a physical device to test if the issue persists. Ensure that you are testing on a device that meets the minimum requirements for your app.
bashbash adb install path/to/your/app.apk
Validation
Confirm the fix by launching the app on a physical device after following the steps. The splash screen should display correctly, and the app should load without showing a blank white screen.
Sign in to verify this fix
Environment
Submitted by
Alex Chen
2450 rep