question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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