Cordova iOS Splash Screen

Question

I can't make the splash screen stay until the page is loaded. I have read every entry in the first, second and third page of google search. I read all the questions posted here on stackoverflow including A good explanation but none seem to work.

What's worse is that the behavior I'm seeing is all wrong. Following the instructions here I added alert at the deviceready event and I saw it happens after the white page is gone and my initial page is loaded. I installed the plugin and included the following in the root level config.xml:

<feature name="SplashScreen">
    <param name="ios-package" value="CDVSplashScreen" />
    <param name="onload" value="true" />
</feature>
<preference name="AutoHideSplashScreen" value="false" />

I am still getting Splash->White screen->My initial page. I am using Cordova 3.3.0 with ionicframework. What am I doing wrong?

EDIT

I think it might have something to do with this error message:

The splashscreen image named Default-Portrait was not found

Answer 1

I have just had the same issue and found that Gopal's answer was not the solution (as I already had my files named and sized correctly).

Instead I found this answer to be correct: Cordova 3.4 iOS white screen after splash

Alternate solution in brief:
Duplicate your "Default@2x~iphone.png" and rename it to "Default-Portrait@2x~iphone.png". Then drag that file into your Project Files in XCode under "Resources/Splash" so that it is recognised when Xcode builds.

Answer 2

If cordova-plugin-splashscreen can not find images, you can specify UILaunchImageFile key in plist.

<key>UILaunchImageFile</key>
<string>LaunchImage</string>