Have an Ionic project which creates an iOS project. I'm attempting to replace the Ionic splash screen in Xcode with my company's logo. When I view the storyboard View Controller Splash, I can see the new logo centered in display with a black background, but when I run it in Simulator all I see is a black screen. I have Content Mode for the image set to Aspect Fit.
Splash screen not displaying correctly
I don't know at all how IONIC works… So just some ides.
- Set constraints to center the image in the screen
- Put the image in assets
- check info.plist to see what launchScreen is defined
- Ask IONIC.😉
I followed the tutorial I found https://enappd.com/blog/icon-splash-in-ionic-react-capacitor-apps/114/.
I am unable to add a new constraint, everything is disabled.
The image is already in assets and info.plist only has one line for LaunchScreen (see attached)
Here it is.
Try to change Layout : Autoresizing mask
to Inferred (constraints)
and see if you can add constraints to center the view.
Found the answer on a StackOverflow post. When you create the project in VS Code, Ionic generates default iOS splash screens that are 2732x2732. The other post suggested resizing them to 1024x1024. Once I did that I could finally see my logo.