5 Replies Latest reply on Feb 16, 2017 12:12 AM by VectorP

    splash screens not showing in IOS

    blgsyrmhnds

         I added .png images for splash screen but it does not work for IOS

       

      Here is my app: https://build.phonegap.com/apps/2080558/builds

       

      I add default splash.png to root

      I add other splash format but it does not show when app is opening

      here part of splash screen in my config.xml

       

       

      <preference name="phonegap-version" value="cli-6.3.0" />

          <preference name="orientation"                value="default" />        <!-- all: default means both landscape and portrait are enabled -->

          <preference name="target-device"              value="universal" />      <!-- all: possible values handset, tablet, or universal -->

          <preference name="fullscreen"                 value="true" />           <!-- all: hides the status bar at the top of the screen -->

          <preference name="webviewbounce"              value="true" />           <!-- ios: control whether the screen 'bounces' when scrolled beyond the top -->

          <preference name="prerendered-icon"           value="true" />           <!-- ios: if icon is prerendered, iOS will not apply it's gloss to the app's icon on the user's home screen -->

          <preference name="stay-in-webview"            value="false" />          <!-- ios: external links should open in the default browser, 'true' would use the webview the app lives in -->

          <preference name="ios-statusbarstyle"         value="black-opaque" />   <!-- ios: black-translucent will appear black because the PhoneGap webview doesn't go beneath the status bar -->

          <preference name="detect-data-types"          value="true" />           <!-- ios: controls whether data types (such as phone no. and dates) are automatically turned into links by the system -->

          <preference name="exit-on-suspend"            value="false" />          <!-- ios: if set to true, app will terminate when home button is pressed -->

          <preference name="show-splash-screen-spinner" value="true" />           <!-- ios: if set to false, the spinner won't appear on the splash screen during app loading -->

          <preference name="auto-hide-splash-screen"    value="true" />           <!-- ios: if set to false, the splash screen must be hidden using a JavaScript API -->

          <preference name="disable-cursor"             value="false" />          <!-- blackberry: prevents a mouse-icon/cursor from being displayed on the app -->

          <preference name="android-minSdkVersion"      value="7" />              <!-- android: MIN SDK version supported on the target device. MAX version is blank by default. -->

          <preference name="android-installLocation"    value="auto" />           <!-- android: app install location. 'auto' will choose. 'internalOnly' is device memory. 'preferExternal' is SDCard. -->

      <preference name="StatusBarOverlaysWebView" value="false"/>

       

       

      <preference name="StatusBarBackgroundColor" value="#000000"/>

       

       

      <preference name="StatusBarStyle" value="lightcontent" />

       

        <icon src="icon.png" />

          <icon src="res/icon/android/icon-36-ldpi.png"   gap:platform="android"    gap:qualifier="ldpi" />

          <icon src="res/icon/android/icon-48-mdpi.png"   gap:platform="android"    gap:qualifier="mdpi" />

          <icon src="res/icon/android/icon-72-hdpi.png"   gap:platform="android"    gap:qualifier="hdpi" />

          <icon src="res/icon/android/icon-96-xhdpi.png"  gap:platform="android"    gap:qualifier="xhdpi" />

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

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

          <icon src="res/icon/ios/icon-57-2x.png"         gap:platform="ios"        width="114" height="114" />

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

       

       

       

       

          <!-- Define app splash screen for each platform. -->

          <gap:splash src="res/screen/android/screen-ldpi-portrait.png"       gap:platform="android" gap:qualifier="port-ldpi" />

          <gap:splash src="res/screen/android/screen-mdpi-portrait.png"       gap:platform="android" gap:qualifier="port-mdpi" />

          <gap:splash src="res/screen/android/screen-hdpi-portrait.png"       gap:platform="android" gap:qualifier="port-hdpi" />

          <gap:splash src="res/screen/android/screen-xhdpi-portrait.png"      gap:platform="android" gap:qualifier="port-xhdpi" />

          <gap:splash src="res/screen/ios/screen-iphone-portrait.png"         gap:platform="ios"     width="320" height="480" />

          <gap:splash src="res/screen/ios/screen-iphone-portrait-2x.png"      gap:platform="ios"     width="640" height="960" />

          <gap:splash src="res/screen/ios/screen-iphone-portrait-568h-2x.png" gap:platform="ios"     width="640" height="1136" />

          <gap:splash src="res/screen/ios/screen-ipad-portrait.png"           gap:platform="ios"     width="768" height="1024" />

          <gap:splash src="res/screen/ios/screen-ipad-landscape.png"          gap:platform="ios"     width="1024" height="768" />

       

        <gap:splash src="splash.png" />

       

        <plugin name="cordova-plugin-splashscreen"                source="npm">

            <preference name="SplashScreen"               value="splash" />

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

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

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

            <preference name="FadeSplashScreen"           value="false"/>

            <preference name="ShowSplashScreenSpinner"    value="false" />

      </plugin>