react-native-splash-screen icon indicating copy to clipboard operation
react-native-splash-screen copied to clipboard

Ios14 splash screen doesn’t show up

Open Park-SeungWoo opened this issue 5 years ago • 12 comments

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

Park-SeungWoo avatar Dec 31 '20 16:12 Park-SeungWoo

Same problem for me

stereodenis avatar Jan 05 '21 21:01 stereodenis

+1

NemanjaManot avatar Jan 19 '21 12:01 NemanjaManot

having the same issue on 12 pro max

kylsYw avatar Jan 22 '21 07:01 kylsYw

@crazycodeboy any updates on this?

stereodenis avatar Jan 23 '21 09:01 stereodenis

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

egealpay avatar Jan 27 '21 15:01 egealpay

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! 😁 🎉

edgarbonillag avatar Jan 31 '21 17:01 edgarbonillag

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.

chrismerino avatar Mar 05 '21 00:03 chrismerino

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

anthlasserre avatar Mar 11 '21 14:03 anthlasserre

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

ilyas-shah avatar Jul 01 '21 05:07 ilyas-shah

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

gndelia avatar Jul 13 '21 19:07 gndelia

thanks it work for me.

kall28 avatar Aug 04 '23 02:08 kall28

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.

utpalkoley avatar Jan 18 '24 09:01 utpalkoley