Android Splashscreens not loading

[alessandroaussems]

My splashscreens are not shown on Android.

My config.xml:

<?xml version='1.0' encoding='utf-8'?>
<widget id="be.waterbus.waterbus" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:android="http://schemas.android.com/apk/res/android" xmlns:gap="http://phonegap.com/ns/1.0">
    <name>APP</name>
    <description>
      APP
    </description>
    <author email="app@app.com" href="http://app.com">
       App
    </author>
    <content src="index.html" />
    <platform name="android">
        <icon density="ldpi" src="resources/android/icon/drawable-ldpi-icon.png" />
        <icon density="mdpi" src="resources/android/icon/drawable-mdpi-icon.png" />
        <icon density="hdpi" src="resources/android/icon/drawable-hdpi-icon.png" />
        <icon density="xhdpi" src="resources/android/icon/drawable-xhdpi-icon.png" />
        <icon density="xxhdpi" src="resources/android/icon/drawable-xxhdpi-icon.png" />
        <icon density="xxxhdpi" src="resources/android/icon/drawable-xxxhdpi-icon.png" />
        <splash density="port-ldpi" src="resources/android/splash/drawable-port-ldpi-screen.png" />
        <splash density="port-mdpi" src="resources/android/splash/drawable-port-mdpi-screen.png" />
        <splash density="port-hdpi" src="resources/android/splash/drawable-port-hdpi-screen.png" />
        <splash density="port-xhdpi" src="resources/android/splash/drawable-port-xhdpi-screen.png" />
        <splash density="port-xxhdpi" src="resources/android/splash/drawable-port-xxhdpi-screen.png" />
        <splash density="port-xxxhdpi" src="resources/android/splash/drawable-port-xxxhdpi-screen.png" />
    </platform>
    <platform name="ios">
        <icon height="57" platform="ios" src="resources/ios/icon/icon.png" width="57" />
        <icon height="114" platform="ios" src="resources/ios/icon/icon@2x.png" width="114" />
        <icon height="40" platform="ios" src="resources/ios/icon/icon-40.png" width="40" />
        <icon height="80" platform="ios" src="resources/ios/icon/icon-40@2x.png" width="80" />
        <icon height="50" platform="ios" src="resources/ios/icon/icon-50.png" width="50" />
        <icon height="100" platform="ios" src="resources/ios/icon/icon-50@2x.png" width="100" />
        <icon height="60" platform="ios" src="resources/ios/icon/icon-60.png" width="60" />
        <icon height="120" platform="ios" src="resources/ios/icon/icon-60@2x.png" width="120" />
        <icon height="180" platform="ios" src="resources/ios/icon/icon-60@3x.png" width="180" />
        <icon height="72" platform="ios" src="resources/ios/icon/icon-72.png" width="72" />
        <icon height="144" platform="ios" src="resources/ios/icon/icon-72@2x.png" width="144" />
        <icon height="76" platform="ios" src="resources/ios/icon/icon-76.png" width="76" />
        <icon height="152" platform="ios" src="resources/ios/icon/icon-76@2x.png" width="152" />
        <icon height="29" platform="ios" src="resources/ios/icon/icon-small.png" width="29" />
        <icon height="58" platform="ios" src="resources/ios/icon/icon-small@2x.png" width="58" />
        <icon height="87" platform="ios" src="resources/ios/icon/icon-small@3x.png" width="87" />
        <splash height="1136" platform="ios" src="resources/ios/splash/Default-568h@2x~iphone.png" width="640" />
        <splash height="1334" platform="ios" src="resources/ios/splash/Default-667h.png" width="750" />
        <splash height="2208" platform="ios" src="resources/ios/splash/Default-736h.png" width="1242" />
        <splash height="1242" platform="ios" src="resources/ios/splash/Default-Landscape-736h.png" width="2208" />
        <splash height="1536" platform="ios" src="resources/ios/splash/Default-Landscape@2x~ipad.png" width="2048" />
        <splash height="768" platform="ios" src="resources/ios/splash/Default-Landscape~ipad.png" width="1024" />
        <splash height="2048" platform="ios" src="resources/ios/splash/Default-Portrait@2x~ipad.png" width="1536" />
        <splash height="1024" platform="ios" src="resources/ios/splash/Default-Portrait~ipad.png" width="768" />
        <splash height="960" platform="ios" src="resources/ios/splash/Default@2x~iphone.png" width="640" />
        <splash height="480" platform="ios" src="resources/ios/splash/Default~iphone.png" width="320" />
        <splash src="resources/ios/splash/Default@2x~universal~anyany.png" />
        <splash src="resources/ios/splash/Default@2x~universal~comany.png" />
    </platform>
    <access origin="*" />
    <allow-intent href="*" />
    <allow-navigation href="*" />
    <preference name="phonegap-version" value="cli-7.0.1" />
    <preference name="SplashScreen" value="splash" />
    <preference name="DisallowOverscroll" value="true" />
    <preference name="UIWebViewBounce" value="false" />
    <preference name="orientation" value="portrait" />
    <preference name="StatusBarOverlaysWebView" value="false" />
    <preference name="StatusBarBackgroundColor" value="#a6d9dd" />
    <preference name="StatusBarStyle" value="lightcontent" />
    <preference name="SplashScreenDelay" value="2000" />
    <preference name="ShowSplashScreenSpinner" value="false" />
    <preference name="AutoHideSplashScreen" value="true" />
    <plugin name="cordova-plugin-statusbar" spec="^2.4.2" />
    <plugin name="cordova-plugin-whitelist" spec="^1.3.3" />
    <plugin name="cordova-plugin-splashscreen" spec="^5.0.2" />
    <plugin name="onesignal-cordova-plugin" spec="2.4.0" />
    <preference name="android-minSdkVersion" value="15" />
    <plugin name="cordova-plugin-mapbox" spec="^1.2.3">
        <variable name="ACCESS_TOKEN" value="TOKEN" />
    </plugin>
    <plugin name="cordova-plugin-inappbrowser" spec="^3.0.0" />
    <plugin name="cordova-plugin-keyboard" spec="^1.2.0" />
    <engine name="browser" spec="^5.0.4" />
    <engine name="ios" spec="^4.5.5" />
    <engine name="android" spec="^7.0.0" />
</widget>

[amitkatiyar0692]

Are you able to resolve the issue? This plugin was working for me past 2 year but suddenly it stopped working in android. Already given 12 hours to debug but no luck.

[alessandroaussems]

@amitkatiyar0692 Apparently you need to set <preference name="SplashScreenBackgroundColor" value="#FFFFFF" /> for splashscreen images to work.

[janpio]

What Android versions are you talking about here? Does this apply to all or just specific ones?

[alessandroaussems]

@janpio I tested it with the latest android version.

[janpio]

What do you see as the "latest Android version"? Latest stable release? Latest beta?

What version of the plugin were you using?
What version of cordova-android was your Cordova app using?