3 Replies Latest reply on Jul 10, 2017 4:21 PM by uniquepraize

    IOS Splash Screen will load splash screen

    uniquepraize Level 1

      I am trying to build my project using PhoneGap build and the splash screen will not launch. The default PGB screen launches.  Below is part of my config.xml:

       

          <content src="index.html" />

          <preference name="DisallowOverscroll" value="true" />

          <preference name="orientation" value="portrait" />

          <preference name="SplashScreenDelay" value="5000" />

          <icon src="www/img/icon.png" />

          <plugin name="cordova-plugin-battery-status" source="npm" spec="~1.1.1" />

          <plugin name="cordova-plugin-camera" source="npm" spec="~2.1.1" />

          <plugin name="cordova-plugin-media-capture" source="npm" spec="~1.2.0" />

          <plugin name="cordova-plugin-console" source="npm" spec="~1.0.2" />

          <plugin name="cordova-plugin-contacts" source="npm" spec="~2.0.1" />

          <plugin name="cordova-plugin-device" source="npm" spec="~1.1.1" />

          <plugin name="cordova-plugin-device-motion" source="npm" spec="~1.2.0" />

          <plugin name="cordova-plugin-device-orientation" source="npm" spec="~1.0.2" />

          <plugin name="cordova-plugin-dialogs" source="npm" spec="~1.2.0" />

          <plugin name="cordova-plugin-file" source="npm" spec="~4.1.1" />

          <plugin name="cordova-plugin-file-transfer" source="npm" spec="~1.5.0" />

          <plugin name="cordova-plugin-geolocation" source="npm" spec="~2.1.0" />

          <plugin name="cordova-plugin-globalization" source="npm" spec="~1.0.3" />

          <plugin name="cordova-plugin-inappbrowser" source="npm" spec="~1.3.0" />

          <plugin name="cordova-plugin-media" source="npm" spec="~2.2.0" />

          <plugin name="cordova-plugin-network-information" source="npm" spec="~1.2.0" />

          <plugin name="cordova-plugin-splashscreen" source="npm" spec="~3.2.1" />

          <plugin name="cordova-plugin-statusbar" source="npm" spec="~2.1.2" />

          <plugin name="cordova-plugin-vibration" source="npm" spec="~2.1.0" />

          <plugin name="cordova-plugin-whitelist" source="npm" spec="~1.2.1" />

          <platform name="ios">

              <icon height="57" platform="ios" src="res/icon/ios/icon.png" width="57" />

              <icon height="114" platform="ios" src="res/icon/ios/icon@2x.png" width="114" />

              <icon height="40" platform="ios" src="res/icon/ios/icon-40.png" width="40" />

              <icon height="80" platform="ios" src="res/icon/ios/icon-40@2x.png" width="80" />

              <icon height="50" platform="ios" src="res/icon/ios/icon-50.png" width="50" />

              <icon height="100" platform="ios" src="res/icon/ios/icon-50@2x.png" width="100" />

              <icon height="60" platform="ios" src="res/icon/ios/icon-60.png" width="60" />

              <icon height="120" platform="ios" src="res/icon/ios/icon-60@2x.png" width="120" />

              <icon height="180" platform="ios" src="res/icon/ios/icon-60@3x.png" width="180" />

              <icon height="72" platform="ios" src="res/icon/ios/icon-72.png" width="72" />

              <icon height="144" platform="ios" src="res/icon/ios/icon-72@2x.png" width="144" />

              <icon height="76" platform="ios" src="res/icon/ios/icon-76.png" width="76" />

              <icon height="152" platform="ios" src="res/icon/ios/icon-76@2x.png" width="152" />

              <icon height="29" platform="ios" src="res/icon/ios/icon-small.png" width="29" />

              <icon height="58" platform="ios" src="res/icon/ios/icon-small@2x.png" width="58" />

              <icon height="87" platform="ios" src="res/icon/ios/icon-small@3x.png" width="87" />

              <splash height="1136" platform="ios" src="res/icon/ios/Default-568h@2x~iphone.png" width="640" />

              <splash height="1334" platform="ios" src="res/icon/ios/Default-667h.png" width="750" />

              <splash height="2208" platform="ios" src="res/icon/ios/Default-736h.png" width="1242" />

              <splash height="2048" platform="ios" src="res/icon/ios/Default-Portrait@2x~ipad.png" width="1536" />

              <splash height="1024" platform="ios" src="res/icon/ios/Default-Portrait~ipad.png" width="768" />

              <splash height="960" platform="ios" src="res/icon/ios/Default@2x~iphone.png" width="640" />

              <splash height="480" platform="ios" src="res/icon/ios/Default~iphone.png" width="320" />

          </platform>

      ..... My directory structure is Root-> res & www

      My config.xml was tested being placed at the project root level and within the www folder. Both result ended up being the same.

        • 1. Re: IOS Splash Screen will load splash screen
          uniquepraize Level 1

          Took a break and came back to relook at my steps.  Here are the things the I changed.

          1. <plugin name="cordova-plugin-splashscreen" source="npm" spec="~3.2.1" /> - I removed the version so that the most recent version of the splashscreen plugin would load during build.  Previously it was pulling version 3.2.2. It is now running with verions 4.0.3 for ios.

           

          2. I added the missing landscape files. One for iphone and 2 for ipad.

          3. I was working with two different config.xml files at the same time.  One located in the root of the project and the other located in the www folder.  The source location of the splash was point to my icon folder and not my screen folder. <splash height="1136" platform="ios" src="res/icon/ios/Default-568h@2x~iphone.png" width="640" />

          Should be res/screen/ios.

           

          After making those corrections my launch screen is now working.

          • 2. Re: IOS Splash Screen will load splash screen
            ryanskihead Adobe Employee

            Are you still seeing this? I had a look at the logs for your recently built app and it seems like the splashes are all there and being copied as expected.

             

            Edit: I see that its now working for you

            • 3. Re: IOS Splash Screen will load splash screen
              uniquepraize Level 1

              Looks like I'm good now. thanks! Did not see your reply earlier today.