Running the app with react-native cli has a black screen
See original GitHub issue🐛 Bug Report
Summary of Issue
When running the app with react-native start, my app doesn’t get past a black screen. It starts up with my launch screen but changes to a back screen as soon as the green loading bar starts. After loading gets to 100%, the green bar goes away and the app stays black even though I can see a console log from the root App.tsx file.
Environment - output of expo diagnostics
& the platform(s) you’re targeting
Expo CLI 3.25.1 environment info:
System:
OS: macOS 10.15.7
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 12.18.3 - ~/.nvm/versions/node/v12.18.3/bin/node
Yarn: 1.21.1 - ~/.yarn/bin/yarn
npm: 6.14.6 - ~/.nvm/versions/node/v12.18.3/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
IDEs:
Xcode: 12.1/12A7403 - /usr/bin/xcodebuild
npmPackages:
expo: ~39.0.2 => 39.0.3
react-native: ~0.63.3 => 0.63.3
react-native-web: ~0.13.12 => 0.13.18
Reproducible Demo
https://github.com/special-character/without-expo-client
Expected Behavior vs Actual Behavior
I would expect the app to run with the normal splash screen that it has when running with expo.
I have a hunch that this is related to expo splash screen but not sure. The app loads up just fine with expo start and runs just fine with a production build. Some things I have done to debug:
- Removed everything from App.tsx except a View (and console log)
- Ran expo init for a new bare test app and used the same versions it had for all the starting packages
- Matched the metro.config, babel.config, and app.json with the bare test app
- Reset the sim
- Cleaned the xcode build folder
- Restarted my machine (swinging for the fences on this one)
- Copied the SplashScreen, SplashScreenBackground, and SplashScreen.storyboard from the bare test app
- Tested a physical device
Has anyone run into this or have any more suggestions on how to debug?
Issue Analytics
- State:
- Created 3 years ago
- Comments:8 (3 by maintainers)
Top Results From Across the Web
React Native blank white screen issue (solved) - Coding is Love
Make sure that dev server is running and set the IP address of your PC in dev settings. Open dev settings by shaking...
Read more >React Native white blank screen issue - Stack Overflow
After it finish, open app on physical device, shake it to open developer menu, and hit 'Reload'. you can also hold menu button...
Read more >App iOS stuck on blank white screen when build release ...
The app works if build in Debug(react-native run-ios) but does not work in Release(build release by Xcode or terminal). react-native v0.53.0.
Read more >Publishing to Apple App Store - React Native
The publishing process is the same as any other native iOS app, ... As your App Bundle grows in size, you may start...
Read more >Troubleshooting | React Navigation
Sometimes it might even be due to a corrupt installation. If clearing cache didn't work, try deleting your node_modules folder and run npm...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I might have found something interesting at least. In my effort to make everything exactly the same as the working test app I have, I copied the
info.plist
over and it was finally able to show the initial app screen. Looks like this config is the culprit:Not sure where I got that or why it breaks things but I am guessing I have something configured incorrectly.
closing this since the issue seems to be resolved