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.

CleanShot 2020-11-02 at 14 14 33

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:closed
  • Created 3 years ago
  • Comments:8 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
special-charactercommented, Nov 3, 2020

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:

<key>UIApplicationSceneManifest</key>
	<dict>
		<key>UIApplicationSupportsMultipleScenes</key>
		<true/>
	</dict>

Not sure where I got that or why it breaks things but I am guessing I have something configured incorrectly.

0reactions
cruzachcommented, Nov 30, 2020

closing this since the issue seems to be resolved

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found