Splash screen not displaying correctly

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.

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.

Splash screen not displaying correctly
 
 
Q