Android splash screen not working

  • 1
  • Problem
  • Updated 4 years ago
  • Solved
I'm building a iOS and Android app (with ionic framework), but can't seem to get the splashscreen showing up in android here's my config.xml:

<preference name="show-splash-screen-spinner" value="true" />
<preference name="auto-hide-splash-screen" value="true" />
<preference name="SplashScreen" value="screen" />
<preference name="SplashScreenDelay" value="1000" />

<gap:splash gap:platform="android" gap:qualifier="port-ldpi" src="icons/splashscreen/port-ldpi.png" />
<gap:splash gap:platform="android" gap:qualifier="port-mdpi" src="icons/splashscreen/port-mdpi.png" />
<gap:splash gap:platform="android" gap:qualifier="port-hdpi" src="icons/splashscreen/port-hdpi.png" />
<gap:splash gap:platform="android" gap:qualifier="port-xhdpi" src="icons/splashscreen/port-xhdpi.png" />
<gap:splash gap:platform="android" gap:qualifier="port-xxhdpi" src="icons/splashscreen/port-xxhdpi.png" />

The splash screen images are sizes like this:

port-ldpi.png = 240x320
port-mdpi.png = 320x480
port-hdpi.png = 480x800
port-xhdpi.png =720x1280
port-xxhdpi.png =1280x1920

The path to the images are correct. On iOS it working without any problems.
Photo of Michael Falck Wedelgård

Michael Falck Wedelgård

  • 15 Posts
  • 0 Reply Likes

Posted 5 years ago

  • 1
Photo of Petra V.

Petra V., Champion

  • 7794 Posts
  • 1391 Reply Likes
1. What do you get instead of your splash in Android?
2. What PGB version are you using? If that's cli-5.1.1, did you include the splashscreen plugin from npm?
3. Where, in your zip file, are your index.html and config.xml located?
4. At what level, in your zip file, is the /icons directory located?
5. Does your config.xml validate as well-formed xml?
6. What happens if you removed the line
<preference name="SplashScreen" value="screen" />
(This is not a preference which is in use by PGB)
Photo of Michael Falck Wedelgård

Michael Falck Wedelgård

  • 15 Posts
  • 0 Reply Likes
Hi Petra,

Thank you for trying to help me out. Here are the answers to your questions:

1) Just the raw Ionic/Angular html before its parsed.

2) See complete XML code below.

3) At root level (www folder)

4) The splashes at located in /icons/splashscreen/

5) Yes it does

6) Doesn't seem to do any difference removing it


<?xml version='1.0' encoding='utf-8'?>
<widget id="dk.p1happ" version="1.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0">
<name>test</name>
<description>
test
</description>
<author email="test@test.cin" href="http://test.com">
test
</author>
<content src="index.html" />

<!-- supported platform builds -->
<gap:platform name="ios" />
<gap:platform name="android" />

<!-- preferences -->
<preference name="phonegap-version" value="cli-5.1.1" />
<preference name="permissions" value="none" />
<preference name="orientation" value="portrait" />
<preference name="fullscreen" value="false" />
<preference name="webviewbounce" value="false" />

<preference name="show-splash-screen-spinner" value="true" />
<preference name="auto-hide-splash-screen" value="true" />
<preference name="disable-cursor" value="false" />
<!-- <preference name="SplashScreen" value="screen" />-->
<preference name="SplashScreenDelay" value="1000" />
<preference name="splash-screen-duration" value="6000" />

<!-- android preferences -->
<preference name="android-minSdkVersion" value="14" />
<preference name="android-installLocation" value="auto" />
<preference name="android-windowSoftInputMode" value="adjustResize" />

<!-- ios preferences -->
<preference name="exit-on-suspend" value="false" />
<preference name="prerendered-icon" value="true" />
<preference name="target-device" value="universal" />
<preference name="detect-data-types" value="true" />

<!-- plugins -->
<gap:plugin name="org.apache.cordova.device" source="npm" />
<gap:plugin name="org.apache.cordova.network-information" source="npm" />
<gap:plugin name="org.apache.cordova.dialogs" source="npm" />
<gap:plugin name="org.apache.cordova.inappbrowser" source="npm" />
<gap:plugin name="de.appplant.cordova.plugin.hidden-statusbar-overlay" version="1.2.0" />
<gap:plugin name="org.apache.cordova.splashscreen" version="0.3.4" />

<!-- android crosswalk plugins (comment out on iOS build) -->
<gap:plugin name="org.crosswalk.engine" version="1.3.0" />
<gap:plugin name="com.indigoway.cordova.whitelist.whitelistplugin" />

<!-- icons -->
<icon src="icon.png" />
<icon gap:platform="android" gap:qualifier="ldpi" src="icons/android-icon-36x36.png" />
<icon gap:platform="android" gap:qualifier="mdpi" src="icons/android-icon-48x48.png" />
<icon gap:platform="android" gap:qualifier="hdpi" src="icons/android-icon-72x72.png" />
<icon gap:platform="android" gap:qualifier="xhdpi" src="icons/android-icon-96x96.png" />

<icon gap:platform="ios" width="57" height="57" src="icons/apple-icon-57x57.png" />
<icon gap:platform="ios" width="72" height="72" src="icons/apple-icon-72x72.png" />
<icon gap:platform="ios" width="76" height="76" src="icons/apple-icon-76x76.png" />
<icon gap:platform="ios" width="120" height="120" src="icons/apple-icon-120x120.png" />
<icon gap:platform="ios" width="152" height="152" src="icons/apple-icon-152x152.png" />
<icon gap:platform="ios" width="180" height="180" src="icons/apple-icon-180x180.png" />

<!-- splashscreens -->
<gap:splash src="splash.png" />

<gap:splash gap:platform="android" gap:qualifier="port-ldpi" src="icons/splashscreen/port-ldpi.png" />
<gap:splash gap:platform="android" gap:qualifier="port-mdpi" src="icons/splashscreen/port-mdpi.png" />
<gap:splash gap:platform="android" gap:qualifier="port-hdpi" src="icons/splashscreen/port-hdpi.png" />
<gap:splash gap:platform="android" gap:qualifier="port-xhdpi" src="icons/splashscreen/port-xhdpi.png" />
<gap:splash gap:platform="android" gap:qualifier="port-xxhdpi" src="icons/splashscreen/port-xxhdpi.png" />

<!-- iphone 3G+ (portrait) -->
<gap:splash gap:platform="ios" width="320" height="480" src="icons/splashscreen/320x480.png" />
<gap:splash gap:platform="ios" width="640" height="960" src="icons/splashscreen/640x960.png" />
<gap:splash gap:platform="ios" width="640" height="1136" src="icons/splashscreen/640x1136.png" />
<!-- iphone 6 (portrait) -->
<gap:splash gap:platform="ios" width="750" height="1334" src="icons/splashscreen/750x1334.png" />
<gap:splash gap:platform="ios" width="1242" height="2208" src="icons/splashscreen/1242x2208.png" />
<!-- iPad portrait (portrait) -->
<gap:splash gap:platform="ios" width="768" height="1024" src="icons/splashscreen/768x1024.png" />
<gap:splash gap:platform="ios" width="1536" height="2048" src="icons/splashscreen/1536x2048.png" />

<!-- external ressource access -->
<access origin="*" />
<access uri="http://p1h-app.dk" subdomains="true" />
<access origin="tel:*" launch-external="yes" />
<access origin="geo:*" launch-external="yes" />
<allow-intent href="http://*/*" />
<allow-intent href="https://*/*" />
<allow-intent href="tel:*" />
<allow-intent href="sms:*" />
<allow-intent href="mailto:*" />
<allow-intent href="geo:*" />

<platform name="android">
<allow-intent href="market:*" />
</platform>
<platform name="ios">
<allow-intent href="itms:*" />
<allow-intent href="itms-apps:*" />
</platform>

<engine name="android" spec="^4.0.0" />

</widget>

Photo of Petra V.

Petra V., Champion

  • 7794 Posts
  • 1391 Reply Likes
Hi Michael,

1. Very strange. A webview should never display raw html. I don't know (yet) what could be causing this here, though.

2. cli-5.1.1. sometimes causes problems, still. I would first try PGB3.7.0 and go from there.
However, if you still would like to use cli-5.1.1 right away, I would suggest:
- remove the <engine> element
- for whitelist, use
<gap:plugin name="cordova-plugin-whitelist" source="npm" /> plugin
- for splashscreen, see https://github.com/apache/cordova-and...
which says:
Splash screen functionality is now provided via plugin.
You will need to add the new cordova-plugin-splashscreen plugin to continue using a splash screen

- in general: use plugins from npm whenever possible

3. The /www directory is not the root directory of your zip.
4. If /icons is not inside /www (in your case), PGB won't be able to find them, since the paths in config.xml are relative from the directory where config.xml resides. That's why I would suggest to have index.html and config.xml in the root, not in any directory under the root.

5. OK
6. Still, don't use that preference. You have commented it out, which is fine.
Photo of Michael Falck Wedelgård

Michael Falck Wedelgård

  • 15 Posts
  • 0 Reply Likes
Hi Petra,

2) I can't change to PGB 3.7.0 since it seems like the crosswalk plugin is not supported (thats why I originally changed to cli-5.1.1). Do you know If its possible somehow to run crosswalk + PGB 3.7.0?

4) When I zip the file I zip the content inside the www folder. the index.html and config.xml is located in the www root. The icons folder is located inside www and seems to work fine for iOS.
Photo of Petra V.

Petra V., Champion

  • 7794 Posts
  • 1391 Reply Likes
Well, I meant to suggest trying PGB3.7.0 just for test purposes (as part of a two-step process).
Since I wasn't sure about your directory structure, I thought it would not be a bad idea to first make sure that PGB can find your splashes (and Android displays them properly) at all. As soon as that's the case, I would switch to cli-5.1.1 and correct the necessary plugins.
Photo of Michael Falck Wedelgård

Michael Falck Wedelgård

  • 15 Posts
  • 0 Reply Likes
Ok some progress, changing to PGB v. 3.7.0 (and removing crosswalk temporarily) seems to make it work. Unfortunately I need crosswalk in my project. Is it possible somehow to run PGB v. 3.7.0 and crosswalk?
Photo of Petra V.

Petra V., Champion

  • 7794 Posts
  • 1391 Reply Likes
No. But even if that was possible, you still want to be able to move on to next versions and not be stuck at 3.7.0

So, if PGB finds your splashes and Android displays them, the data structure and the graphics are OK. Now, all you need to do is switch back to cli-5.1.1. and correct your config.xml, as described above.
You may also (re-)read PGB's announcement at
http://community.phonegap.com/nitobi/...
Photo of Michael Falck Wedelgård

Michael Falck Wedelgård

  • 15 Posts
  • 0 Reply Likes
I've changed back tio cli-5.1.1 and corrected crosswalk source to "pgb" and added "npm" to the rest of the plugins, but that doesn't seem to solve the issue :S
Photo of Petra V.

Petra V., Champion

  • 7794 Posts
  • 1391 Reply Likes
You "added npm to the plugins"? Did you change their names accordingly, too?
Photo of Michael Falck Wedelgård

Michael Falck Wedelgård

  • 15 Posts
  • 0 Reply Likes
Yes, it seems like the splash shows up briefy as Yi Ming mentions.
Photo of Yi Ming Kuan

Yi Ming Kuan

  • 1840 Posts
  • 78 Reply Likes
If the splashscreens are still not working, we can check and see if the splashscreen links are broken. Do post your PhoneGap Build App ID here if that's the case.

-yiming
Photo of Michael Falck Wedelgård

Michael Falck Wedelgård

  • 15 Posts
  • 0 Reply Likes
Hi Yi Ming, this is the ID of the app: 1522553, it seems like the phonegap v. cli-5.1.1 is the problem since I'm able to see the splashscreens on Android if I move to PGB 3.7.0, but unfortunately I can't do that, since I need crosswalk plugin in my project :S
Photo of Yi Ming Kuan

Yi Ming Kuan

  • 1840 Posts
  • 78 Reply Likes
The splashscreen works when I tested it on your cli-5.1.1 build on a Nexus 5, as it's displayed for ~1 second or so before the deviceready event triggers.

I noticed there's no splash screen provided for xxxhdpi devices like the Galaxy S6 though... is that the cause of your issue?

-yiming
Photo of Michael Falck Wedelgård

Michael Falck Wedelgård

  • 15 Posts
  • 0 Reply Likes
Ye, it shows up now briefly, shouldn't it display for at least 6 seconds with these settings?

Thans for mentioning the xxhdpi, i'll make sure to add that one :)
Photo of Yi Ming Kuan

Yi Ming Kuan

  • 1840 Posts
  • 78 Reply Likes
Do you have any code in your app that hides the splashscreen e.g. when the deviceready event fires?

If you can confirm the display time issue is a bug, do file an issue at http://issues.apache.org/jira/browse/CB with included sample code that will replicate the issue.

-yiming
Photo of Michael Falck Wedelgård

Michael Falck Wedelgård

  • 15 Posts
  • 0 Reply Likes
I've solved the issue with your help guys. Thanks. The only thing missing was changing

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

to a higher value than 1000 ms, for test purpose I've changed it to 10000, and it stays on screen now for a long time :)

Thanks for helping out Yi Ming and Petra.

Cheers.
Photo of Chris Towler

Chris Towler

  • 1 Post
  • 0 Reply Likes
I was struggling with this for HOURS! Changing the source of the splashscreen plugin to npm was the fix for me.

Thanks!
Photo of ADS HAN

ADS HAN

  • 2 Posts
  • 0 Reply Likes
Many thanks. I was looking for this solution a long time
Photo of lea

lea

  • 16 Posts
  • 0 Reply Likes
Splashscreen is still not displaying at all in android.
My code works on 3.7.0 but not on cli-5.2.0 for the android splashscreen. ios
works fine
Photo of lea

lea

  • 16 Posts
  • 0 Reply Likes
The splash screen is still not being displayed at all on android however, works fine on ios.
It also worked on phonegap version 3.7.0 but not cli-5.2.0
Photo of Petra V.

Petra V., Champion

  • 7794 Posts
  • 1391 Reply Likes
This is strange. It _should_ be the filename without '.png'.
(And using this only makes sense on Android, when using a 9-patch image)
Photo of lea

lea

  • 16 Posts
  • 0 Reply Likes
yes when i set the value of splashcreen to "splash" my issue was resolved.
Photo of lea

lea

  • 16 Posts
  • 0 Reply Likes
my image names were not splah.png i had custom images per screen size

gap:splash src="res/PackageIcons.Android.splash_200_320.png" gap:platform="android" gap:qualifier="ldpi"

gap:splash src="res/PackageIcons.Android.splash_480_800.png" gap:platform="android" gap:qualifier="hdpi" ....
Photo of Petra V.

Petra V., Champion

  • 7794 Posts
  • 1391 Reply Likes
Thanks Lea.
Apparently, this preference doesn't work as documented at all. In your case, it should not have made a difference, especially if you don't even have a splash.png file.

Here is an article about this strange behaviour:
http://www.raymondcamden.com/2015/03/...
Photo of lea

lea

  • 16 Posts
  • 0 Reply Likes
Thank you for the link. It is really strange because without the preference the at all the splashscreen does not work. I think that in my case, by giving the value of "splash" it understand to take all the values from "gap:splash src=""...
Photo of lea

lea

  • 16 Posts
  • 0 Reply Likes
gap:plugin name="cordova-plugin-splashscreen" version="2.1.0" source="npm"
Photo of Vratislav

Vratislav

  • 12 Posts
  • 0 Reply Likes
Can You please help me too? My splash screen doesn't appear. Application ID is: 15846711. Thanks very much in advance :-)
Photo of Petra V.

Petra V., Champion

  • 7794 Posts
  • 1391 Reply Likes
Sure.
- Could you please post your full config?
- Can you confirm that you have a reference to phonegap.js in your html, without including such file in your assets?
Photo of zenkalia

zenkalia

  • 5 Posts
  • 0 Reply Likes
i'm gonna jump on this thread because i'm having this issue as well. i'm using ionic so yes i'm loading phonegap.

app id: 1855256

config.xml:

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<widget id="com.zenkalia.imokbro" version="0.0.1" versionCode="1" xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0" xmlns:cdv="http://cordova.apache.org/ns/1.0">
<name>Safety Alarm</name>
<description>
An Ionic Framework and Cordova project.
</description>
<author email="you@example.com" href="http://example.com.com/">
Your Name Here
</author>
<content src="index.html"/>
<access origin="*"/>

<preference name="phonegap-version" value="cli-5.2.0"/>
<preference name="webviewbounce" value="false"/>
<preference name="UIWebViewBounce" value="false"/>
<preference name="DisallowOverscroll" value="true"/>
<preference name="android-minSdkVersion" value="16"/>
<preference name="BackupWebStorage" value="none"/>
<preference name="SplashScreen" value="screen" />
<preference name="SplashScreenDelay" value="3000" />
<preference name="orientation" value="portrait"/>
<preference name="target-device" value="handset"/>
<preference name="android-build-tool" value="gradle"/>
<preference name="fullscreen" value="false" />

<plugin name="cordova-plugin-whitelist" source="npm"/>
<plugin name="cordova-plugin-device" source="npm"/>
<plugin name="cordova-plugin-splashscreen" source="npm"/>
<plugin name="cordova-plugin-contacts" source="npm"/>

<feature name="Contacts">
<param name="android-package" value="org.apache.cordova.ContactManager"/>
</feature>
<feature name="StatusBar">
<param name="ios-package" value="CDVStatusBar" onload="true"/>
</feature>

<icon src="icon.png"/>

<platform name="android">
<icon src="resources/android/icon/drawable-ldpi-icon.png" density="ldpi"/>
<icon src="resources/android/icon/drawable-mdpi-icon.png" density="mdpi"/>
<icon src="resources/android/icon/drawable-hdpi-icon.png" density="hdpi"/>
<icon src="resources/android/icon/drawable-xhdpi-icon.png" density="xhdpi"/>
<icon src="resources/android/icon/drawable-xxhdpi-icon.png" density="xxhdpi"/>
<icon src="resources/android/icon/drawable-xxxhdpi-icon.png" density="xxxhdpi"/>
</platform>
<gap:splash src="splash.png" />
<gap:splash gap:platform="android" src="resources/android/splash/drawable-land-ldpi-screen.png" gap:qualifier="land-ldpi"/>
<gap:splash gap:platform="android" src="resources/android/splash/drawable-land-mdpi-screen.png" gap:qualifier="land-mdpi"/>
<gap:splash gap:platform="android" src="resources/android/splash/drawable-land-hdpi-screen.png" gap:qualifier="land-hdpi"/>
<gap:splash gap:platform="android" src="resources/android/splash/drawable-land-xhdpi-screen.png" gap:qualifier="land-xhdpi"/>
<gap:splash gap:platform="android" src="resources/android/splash/drawable-land-xxhdpi-screen.png" gap:qualifier="land-xxhdpi"/>
<gap:splash gap:platform="android" src="resources/android/splash/drawable-land-xxxhdpi-screen.png" gap:qualifier="land-xxxhdpi"/>
<gap:splash gap:platform="android" src="resources/android/splash/drawable-port-ldpi-screen.png" gap:qualifier="port-ldpi"/>
<gap:splash gap:platform="android" src="resources/android/splash/drawable-port-mdpi-screen.png" gap:qualifier="port-mdpi"/>
<gap:splash gap:platform="android" src="resources/android/splash/drawable-port-hdpi-screen.png" gap:qualifier="port-hdpi"/>
<gap:splash gap:platform="android" src="resources/android/splash/drawable-port-xhdpi-screen.png" gap:qualifier="port-xhdpi"/>
<gap:splash gap:platform="android" src="resources/android/splash/drawable-port-xxhdpi-screen.png" gap:qualifier="port-xxhdpi"/>
<gap:splash gap:platform="android" src="resources/android/splash/drawable-port-xxxhdpi-screen.png" gap:qualifier="port-xxxhdpi"/>

<platform name="ios">
<icon src="resources/ios/icon/icon.png" width="57" height="57"/>
<icon src="resources/ios/icon/icon@2x.png" width="114" height="114"/>
<icon src="resources/ios/icon/icon-40.png" width="40" height="40"/>
<icon src="resources/ios/icon/icon-40@2x.png" width="80" height="80"/>
<icon src="resources/ios/icon/icon-50.png" width="50" height="50"/>
<icon src="resources/ios/icon/icon-50@2x.png" width="100" height="100"/>
<icon src="resources/ios/icon/icon-60.png" width="60" height="60"/>
<icon src="resources/ios/icon/icon-60@2x.png" width="120" height="120"/>
<icon src="resources/ios/icon/icon-60@3x.png" width="180" height="180"/>
<icon src="resources/ios/icon/icon-72.png" width="72" height="72"/>
<icon src="resources/ios/icon/icon-72@2x.png" width="144" height="144"/>
<icon src="resources/ios/icon/icon-76.png" width="76" height="76"/>
<icon src="resources/ios/icon/icon-76@2x.png" width="152" height="152"/>
<icon src="resources/ios/icon/icon-small.png" width="29" height="29"/>
<icon src="resources/ios/icon/icon-small@2x.png" width="58" height="58"/>
<icon src="resources/ios/icon/icon-small@3x.png" width="87" height="87"/>
<splash src="resources/ios/splash/Default-568h@2x~iphone.png" width="640" height="1136"/>
<splash src="resources/ios/splash/Default-667h.png" width="750" height="1334"/>
<splash src="resources/ios/splash/Default-736h.png" width="1242" height="2208"/>
<splash src="resources/ios/splash/Default-Portrait@2x~ipad.png" width="1536" height="2048"/>
<splash src="resources/ios/splash/Default-Portrait~ipad.png" width="768" height="1024"/>
<splash src="resources/ios/splash/Default@2x~iphone.png" width="640" height="960"/>
<splash src="resources/ios/splash/Default~iphone.png" width="320" height="480"/>
</platform>
</widget>
Photo of zenkalia

zenkalia

  • 5 Posts
  • 0 Reply Likes
i'm seeing this behavior now on my 4 older apps (where config.xml didn't change) as well.
Photo of Petra V.

Petra V., Champion

  • 7794 Posts
  • 1391 Reply Likes
1. You should remove the <feature> elements from your config
2. Since you have a default 'splash.png', you should remove
<preference name="SplashScreen" value="screen" />
3. Can you confirm that both index.html and config.xml are in the ROOT ("/") of your zip file or Github repo? Can you also confirm that /resources is a directory immediately below the root?
4. Could you please have a look at the PGB build log and confirm that there's no build error message?
Photo of zenkalia

zenkalia

  • 5 Posts
  • 0 Reply Likes
1. done
2. done
3. actually my index.html is in www since it's an ionic app. moving it to root breaks the ionic CLI but i did just test against PGB with it in the root and again i had no splash screen
4. nothing strange in the logs

and i just got it working by using an older version (3.0.0) of splash screen.
Photo of Munish Kumar

Munish Kumar

  • 7 Posts
  • 0 Reply Likes
Hi Everybody,

I've been through and tried all the suggestions that address the issue of 'splash doesn't appear on android' but no luck.

Everything is working fine for IOS but not for Android
below is my config.xml file

<!-- <preference name="SplashScreen" value="screen" /> -->

<!-- <preference name="auto-hide-splash-screen" value="false" /> -->










I am using below splashscreen plugin having 3.0.0 version

I am following the below directory structure



If somebody can suggest something then I will be very grateful.
Photo of Petra V.

Petra V., Champion

  • 7794 Posts
  • 1391 Reply Likes
In another recent thread a remark was made that
<preference name="SplashScreen" value="screen" />
should be in your config for Android. You have it commented, so remove the comment characters.
Photo of Munish Kumar

Munish Kumar

  • 7 Posts
  • 0 Reply Likes
Thanks for quick reply Petra . We are glad that we have such a great phonegap community.

I tried with your suggested but in vain. Moreover, I just noticed that splash screen is appearing on Samsung galaxy mobile but not on Nexus 5 . I have placed all the screen size splash screens in respective 'resources' folder.

<!-- <preference name="auto-hide-splash-screen" value="false" /> -->








Photo of Munish Kumar

Munish Kumar

  • 7 Posts
  • 0 Reply Likes
I have copied my config.xml here but it isn't appearing for some reason.
Photo of Petra V.

Petra V., Champion

  • 7794 Posts
  • 1391 Reply Likes
Wrap it in a CODE element as described under "some html allowed"
Photo of Munish Kumar

Munish Kumar

  • 7 Posts
  • 0 Reply Likes

<preference name="SplashScreenDelay" value="5000" />
<preference name="AutoHideSplashScreen" value="false" />
<preference name="ShowSplashScreenSpinner" value="true" />
<!-- <preference name="auto-hide-splash-screen" value="false" /> -->
<preference name="webviewbounce" value="false" />
<preference name="UIWebViewBounce" value="false" />
<preference name="DisallowOverscroll" value="true" />
<preference name="BackupWebStorage" value="none" />
<preference name="orientation" value="portrait" />
<preference name="FadeSplashScreen" value="false" />
<feature name="StatusBar">
<param name="ios-package" value="CDVStatusBar" onload="true" />
</feature>
<feature name="PushPlugin">
<param name="android-package" value="com.plugin.gcm.PushPlugin" />
<param name="ios-package" value="PushPlugin" />
</feature>
<feature name="SplashScreen">
<param name="android-package" value="org.apache.cordova.splashscreen.SplashScreen" />
</feature>
<feature name="Toast">
<param name="android-package" value="nl.xservices.plugins.Toast" />
</feature>
<hook type="after_platform_add" src="./hooks/install_plugins.js" />

<platform name="android">

<preference name="android-targetSdkVersion" value="19" />
<preference name="ErrorUrl" value="file:///android_asset/www/errorPage.html" />
<preference name="android-build-tool" value="gradle" />
<icon src="resources/android/icon/adrawable-hdpi-icon.png" density="hdpi" />
<icon src="resources/android/icon/adrawable-hdpi-icon.png" density="ldpi" />
<icon src="resources/android/icon/adrawable-hdpi-icon.png" density="mdpi" />
<icon src="resources/android/icon/adrawable-hdpi-icon.png" density="xhdpi" />
<icon src="resources/android/icon/adrawable-hdpi-icon.png" density="xxhdpi" />
<icon src="resources/android/icon/adrawable-hdpi-icon.png" density="xxxhdpi" />
<splash src="resources/android/splash/drawable-port-ldpi-screen.png" density="port-ldpi" />
<splash src="resources/android/splash/drawable-port-mdpi-screen.png" density="port-mdpi" />
<splash src="resources/android/splash/drawable-port-hdpi-screen.png" density="port-hdpi" />
<splash src="resources/android/splash/drawable-port-xhdpi-screen.png" density="port-xhdpi" />
<splash src="resources/android/splash/drawable-port-xxhdpi-screen.png" density="port-xxhdpi" />
<splash src="resources/android/splash/drawable-port-xxxhdpi-screen.png" density="port-xxxhdpi"/>
<splash src="resources/android/splash/splash-port-hdpi.png" />
</platform>

<platform name="ios">

<icon src="resources/ios/icon/icon.png" width="57" height="57" />
<icon src="resources/ios/icon/icon@2x.png" width="114" height="114" />
<icon src="resources/ios/icon/icon-40.png" width="40" height="40" />
<icon src="resources/ios/icon/icon-40@2x.png" width="80" height="80" />
<icon src="resources/ios/icon/icon-50.png" width="50" height="50" />
<icon src="resources/ios/icon/icon-50@2x.png" width="100" height="100" />
<icon src="resources/ios/icon/icon-60.png" width="60" height="60" />
<icon src="resources/ios/icon/icon-60@2x.png" width="120" height="120" />
<icon src="resources/ios/icon/icon-60@3x.png" width="180" height="180" />
<icon src="resources/ios/icon/icon-72.png" width="72" height="72" />
<icon src="resources/ios/icon/icon-72@2x.png" width="144" height="144" />
<icon src="resources/ios/icon/icon-76.png" width="76" height="76" />
<icon src="resources/ios/icon/icon-76@2x.png" width="152" height="152" />
<icon src="resources/ios/icon/icon-small.png" width="29" height="29" />
<icon src="resources/ios/icon/icon-small@2x.png" width="58" height="58" />
<icon src="resources/ios/icon/icon-small@3x.png" width="87" height="87" />
<splash src="resources/ios/splash/Default-568h@2x~iphone.png" width="640" height="1136" />
<splash src="resources/ios/splash/Default-667h.png" width="750" height="1334" />
<splash src="resources/ios/splash/Default-736h.png" width="1242" height="2208" />
<splash src="resources/ios/splash/Default-Portrait@2x~ipad.png" width="1536" height="2048" />
<splash src="resources/ios/splash/Default-Portrait~ipad.png" width="768" height="1024" />
<splash src="resources/ios/splash/Default@2x~iphone.png" width="640" height="960" />
<splash src="resources/ios/splash/Default~iphone.png" width="320" height="480" />
</platform>



Thanks Petra
Photo of Petra V.

Petra V., Champion

  • 7794 Posts
  • 1391 Reply Likes
Hmmm...this can't be your full config, because the root 'widget' element is missing.
Also, I don't see that preference
preference name="SplashScreen" value="screen"
as described above.

More feedback:
- remove all feature elements. These things are done with plgins, not features.
- add the splashscreen plugin from npm
- remove the hook element. You can't use hooks with Phonegap Build
- you have referenced ONE single, same icon for all Android sizes. That can't be right. You need to have icons in the proper dimensions
Photo of Munish Kumar

Munish Kumar

  • 7 Posts
  • 0 Reply Likes
Thanks for your observations. I am trying with your suggestions. I might bother you again :)
Photo of Munish Kumar

Munish Kumar

  • 7 Posts
  • 0 Reply Likes
No Luck Petra. here is my full config file. I don't have icons for every dimension right now that is why I just referenced ONE single icon.


<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<widget id="org.health.com" version="2.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
<name>ehealth</name>
<description>

</description>
<author email="hi@ionicframework" href="http://ionicframework.com/">
Ionic Framework Team
</author>
<content src="index.html" />
<access origin="*" />
<allow-navigation href="*" />
<preference name="SplashScreen" value="screen" />
<preference name="SplashScreenDelay" value="5000" />
<preference name="AutoHideSplashScreen" value="false" />
<preference name="ShowSplashScreenSpinner" value="true" />
<!-- <preference name="auto-hide-splash-screen" value="false" /> -->
<preference name="webviewbounce" value="false" />
<preference name="UIWebViewBounce" value="false" />
<preference name="DisallowOverscroll" value="true" />
<preference name="BackupWebStorage" value="none" />
<preference name="orientation" value="portrait" />
<preference name="FadeSplashScreen" value="false" />

<platform name="android">
<plugin name='https://github.com/mukumar-qasource/Cordova-background-geolocation.git' />
<preference name="android-targetSdkVersion" value="19" />
<preference name="ErrorUrl" value="file:///android_asset/www/errorPage.html" />
<preference name="android-build-tool" value="gradle" />
<icon src="resources/android/icon/adrawable-hdpi-icon.png" density="hdpi" />
<icon src="resources/android/icon/adrawable-hdpi-icon.png" density="ldpi" />
<icon src="resources/android/icon/adrawable-hdpi-icon.png" density="mdpi" />
<icon src="resources/android/icon/adrawable-hdpi-icon.png" density="xhdpi" />
<icon src="resources/android/icon/adrawable-hdpi-icon.png" density="xxhdpi" />
<icon src="resources/android/icon/adrawable-hdpi-icon.png" density="xxxhdpi" />
<splash src="resources/android/splash/drawable-port-ldpi-screen.png" density="port-ldpi" />
<splash src="resources/android/splash/drawable-port-mdpi-screen.png" density="port-mdpi" />
<splash src="resources/android/splash/drawable-port-hdpi-screen.png" density="port-hdpi" />
<splash src="resources/android/splash/drawable-port-xhdpi-screen.png" density="port-xhdpi" />
<splash src="resources/android/splash/drawable-port-xxhdpi-screen.png" density="port-xxhdpi" />
<splash src="resources/android/splash/drawable-port-xxxhdpi-screen.png" density="port-xxxhdpi"/>
<splash src="resources/android/splash/splash-port-hdpi.png" />
</platform>
<platform name="ios">
<plugin name='cordova-background-geolocation-lt' spec="0.6.5" />
<icon src="resources/ios/icon/icon.png" width="57" height="57" />
<icon src="resources/ios/icon/icon@2x.png" width="114" height="114" />
<icon src="resources/ios/icon/icon-40.png" width="40" height="40" />
<icon src="resources/ios/icon/icon-40@2x.png" width="80" height="80" />
<icon src="resources/ios/icon/icon-50.png" width="50" height="50" />
<icon src="resources/ios/icon/icon-50@2x.png" width="100" height="100" />
<icon src="resources/ios/icon/icon-60.png" width="60" height="60" />
<icon src="resources/ios/icon/icon-60@2x.png" width="120" height="120" />
<icon src="resources/ios/icon/icon-60@3x.png" width="180" height="180" />
<icon src="resources/ios/icon/icon-72.png" width="72" height="72" />
<icon src="resources/ios/icon/icon-72@2x.png" width="144" height="144" />
<icon src="resources/ios/icon/icon-76.png" width="76" height="76" />
<icon src="resources/ios/icon/icon-76@2x.png" width="152" height="152" />
<icon src="resources/ios/icon/icon-small.png" width="29" height="29" />
<icon src="resources/ios/icon/icon-small@2x.png" width="58" height="58" />
<icon src="resources/ios/icon/icon-small@3x.png" width="87" height="87" />
<splash src="resources/ios/splash/Default-568h@2x~iphone.png" width="640" height="1136" />
<splash src="resources/ios/splash/Default-667h.png" width="750" height="1334" />
<splash src="resources/ios/splash/Default-736h.png" width="1242" height="2208" />
<splash src="resources/ios/splash/Default-Portrait@2x~ipad.png" width="1536" height="2048" />
<splash src="resources/ios/splash/Default-Portrait~ipad.png" width="768" height="1024" />
<splash src="resources/ios/splash/Default@2x~iphone.png" width="640" height="960" />
<splash src="resources/ios/splash/Default~iphone.png" width="320" height="480" />
</platform>
<plugin name="phonegap-plugin-push" spec="1.5.3" />
<plugin name="cordova-plugin-dialogs" spec="1.2.0" />
<plugin name="cordova-plugin-network-information" spec="1.2.0" />
<plugin name="cordova-plugin-whitelist" spec="1.2.1" />
<plugin name="cordova.plugins.diagnostic" spec="1.1.1" />
<plugin name="cordova-plugin-x-toast" spec="2.3.2" />
<plugin name="cordova-plugin-camera" spec="2.1.0" />
<plugin name="cordova-plugin-device" spec="1.1.1" />
<plugin name="cordova-plugin-file" spec="4.1.0" />
<plugin name="org.apache.cordova.geolocation" spec="2.1.0" />
<plugin name="cordova-plugin-media" spec="2.1.0" />
<plugin name="cordova-plugin-splashscreen" spec="3.0.0" />
<plugin name="ionic-plugin-keyboard" spec="1.0.8" />
<plugin name="cordova-plugin-nativesettings" spec='1.1.0' />
</widget>