crazycodeboy / react-native-splash-screen

A splash screen for react-native, hide when application loaded ,it works on iOS and Android.
MIT License
5.6k stars 1.09k forks source link

Ios14 splash screen doesn’t show up #513

Open Park-SeungWoo opened 3 years ago

Park-SeungWoo commented 3 years ago

Sometimes it works on ios14 but many time it doesn’t work just show up black screen. Does anyone had this issue?

stereodenis commented 3 years ago

Same problem for me

NemanjaManot commented 3 years ago

+1

kylsYw commented 3 years ago

having the same issue on 12 pro max

stereodenis commented 3 years ago

@crazycodeboy any updates on this?

egealpay commented 3 years ago

I found a work-around. Do not use Image Asset in Images.xcassets. Instead add the image you want to show in Splash Screen, directly to project. Then in the properties of Image View, choose the image which you hav added directly to project

edgarbonillag commented 3 years ago

Hi everyone, I was having the same issue and I managed to solve it this way:

First, I did what @egealpay says in here:

I found a work-around. Do not use Image Asset in Images.xcassets. Instead add the image you want to show in Splash Screen, directly to project. Then in the properties of Image View, choose the image which you hav added directly to project

But it didn't work right away. Then, based on this: https://developer.apple.com/forums/thread/125102, I renamed the image that I added on the previous step. My file was named SplashScreenLogo.png and I renamed it to splash-screen-logo.png. And it worked! 😁 🎉

chrismerino commented 3 years ago

Hi everyone, I was having the same issue and I managed to solve it this way:

First, I did what @egealpay says in here:

I found a work-around. Do not use Image Asset in Images.xcassets. Instead add the image you want to show in Splash Screen, directly to project. Then in the properties of Image View, choose the image which you hav added directly to project

But it didn't work right away. Then, based on this: https://developer.apple.com/forums/thread/125102, I renamed the image that I added on the previous step. My file was named SplashScreenLogo.png and I renamed it to splash-screen-logo.png. And it worked! 😁 🎉

This worked for me, thanks! Tested on iOS 14.2, after renaming the file from Splash.png to splash.png it worked.

anthlasserre commented 3 years ago

It causes by your SplashScreen i think. It was my case.

Clean your simulator and project

  1. Go to Simulator / Device / Erase All Content and Settings...
  2. Clean your DerivedData. I use DevCleaner that making a good job.
  3. Clean build folder by going XCode / Product / Clean Build Folder
  4. Clean your metro with watchman watch-del-all
  5. Restart your project by cleaning cache react-native start --reset-cache

Build a new splashscreen

  1. Build your new splashscreen with React Native Make. Be careful with your image follow the requirements below.
  2. Check your SplashScreen.storyboard directly from XCode.

Run your app again


Capture d’écran 2021-03-11 à 15 55 54

ilyas-shah commented 3 years ago

In my case, I fixed using this: https://www.hackingwithswift.com/example-code/uikit/how-to-fix-the-error-failed-to-instantiate-the-default-view-controller-for-uimainstoryboardfile

gndelia commented 3 years ago

In my case, I fixed using this: https://www.hackingwithswift.com/example-code/uikit/how-to-fix-the-error-failed-to-instantiate-the-default-view-controller-for-uimainstoryboardfile

This one made the trick for me. Leaving the image for the future in case that link goes down, after the upgrade of React Native version I created a new LaunchScreen.storyboard. There's an option Is Initial View Controller that was not set by default

In order to find it, I had to select "View Controller"

image

and in the right panel, pick "Show the attributes inspector". There, below the "Title" input, you can find the input

image

After checking it, it started to work

kall28 commented 1 year ago

thanks it work for me.

utpalkoley commented 8 months ago

Recently I faced the same issue. I tried everything discussed in the above. But nothing worked for me. Then I checked splash screen image size. It was almost 5 MB. So I reduced it and replaced it. Then the splash screen was showing.