Android white splashscreen

Questions
1

Some time ago I asked for the same question for the iOS version fo my app (https://voltbuilder.discoursehosting.net/t/white-splashscreen/250/10), now I have the same issue for the Android one.

The app runs but I see only a white screen instead of my splash screen file.

In my config.xml file I have the following splash screen settings:

  <preference name="SplashScreenDelay" value="3000" />
  <platform name="android">
	  <splash src="res/screen/android/PackageIcons.Android.splash_480_800.png" density="hdpi"/>
	  <splash src="res/screen/android/PackageIcons.Android.splash_200_320.png" density="ldpi"/>
	  <splash src="res/screen/android/PackageIcons.Android.splash_320_480.png" density="mdpi"/>
	  <splash src="res/screen/android/PackageIcons.Android.splash_720_1280.png" density="xhdpi"/>
	  <splash src="res/screen/android/PackageIcons.Android.splash_960_1600.png" density="xxhdpi"/>
	  <splash src="res/screen/android/PackageIcons.Android.splash_1280_1920.png" density="xxxhdpi"/>

	  <splash src="res/screen/android/PackageIcons.Android.splash_800_480.png"  density="land-hdpi" />
	  <splash src="res/screen/android/PackageIcons.Android.splash_320_200.png"  density="land-ldpi" />
	  <splash src="res/screen/android/PackageIcons.Android.splash_480_320.png"  density="land-mdpi" />
	  <splash src="res/screen/android/PackageIcons.Android.splash_1280_720.png"  density="land-xhdpi" />
	  <splash src="res/screen/android/PackageIcons.Android.splash_1600_960.png" density="land-xxhdpi"/>
	  <splash src="res/screen/android/PackageIcons.Android.splash_1920_1280.png" density="land-xxxhdpi"/>
	  
	  <splash src="res/screen/android/PackageIcons.Android.splash_480_800.png"  density="port-hdpi" />
	  <splash src="res/screen/android/PackageIcons.Android.splash_200_320.png"  density="port-ldpi" />
	  <splash src="res/screen/android/PackageIcons.Android.splash_320_480.png"  density="port-mdpi" />
	  <splash src="res/screen/android/PackageIcons.Android.splash_720_1280.png"  density="port-xhdpi" />
	  <splash src="res/screen/android/PackageIcons.Android.splash_960_1600.png" density="port-xxhdpi"/>
	  <splash src="res/screen/android/PackageIcons.Android.splash_1280_1920.png" density="port-xxxhdpi"/>
	  
	  <splash src="res/screen/android/PackageIcons.Android.splash_800_480.png"  density="land-night-hdpi" />
	  <splash src="res/screen/android/PackageIcons.Android.splash_320_200.png"  density="land-night-ldpi" />
	  <splash src="res/screen/android/PackageIcons.Android.splash_480_320.png"  density="land-night-mdpi" />
	  <splash src="res/screen/android/PackageIcons.Android.splash_1280_720.png"  density="land-night-xhdpi" />
	  <splash src="res/screen/android/PackageIcons.Android.splash_1600_960.png" density="land-night-xxhdpi"/>
	  <splash src="res/screen/android/PackageIcons.Android.splash_1920_1280.png" density="land-night-xxxhdpi"/>
	  
	  <splash src="res/screen/android/PackageIcons.Android.splash_480_800.png"  density="port-night-hdpi" />
	  <splash src="res/screen/android/PackageIcons.Android.splash_200_320.png"  density="port-night-ldpi" />
	  <splash src="res/screen/android/PackageIcons.Android.splash_320_480.png"  density="port-night-mdpi" />
	  <splash src="res/screen/android/PackageIcons.Android.splash_720_1280.png"  density="port-night-xhdpi" />
	  <splash src="res/screen/android/PackageIcons.Android.splash_960_1600.png" density="port-night-xxhdpi"/>
	  <splash src="res/screen/android/PackageIcons.Android.splash_1280_1920.png" density="port-night-xxxhdpi"/>
	  
	  <icon src="res/screen/android/PackageIcons.Android.ic_launcher_36_36.png" density="ldpi" />
	  <icon src="res/screen/android/PackageIcons.Android.ic_launcher_48_48.png" density="mdpi" />
	  <icon src="res/screen/android/PackageIcons.Android.ic_launcher_72_72.png"  density="hdpi" />
	  <icon src="res/screen/android/PackageIcons.Android.ic_launcher_96_96.png"  density="xhdpi" />
  </platform>

I added the xxhdpi and xxxhdpi files and also the dark mode settings, but it is still a white splash screen. Can you please help me here?

2

Are there any error messages in the Chrome remote Console?

3

I read the link you suggest (Remote debug Android devices - Chrome Developers) but I don’t see any errors… or, at least, I think so. The weird point is that it seems the debugging data start from the login, so AFTER the splash screen problem.
How can I make it start BEFORE?

4

Just an update. I noticed that if I do some stuff in my app and then open the inspector, I see some logs in the console. So, can I suppose that if no errors are displayed, there aren’t any errors in my splash screen procedure? If yes, what is the problem?

5

Ok, last update about debugging: I found out how to restart the app from the debugger, no splash is showed and either no error in console

6

Can you put some console.log statements in your code to see if it is executing?

7

I added it here:

$(document).on("deviceready", function () {
    console.log("deviceready");
    navigator.splashscreen.hide();

    if (window.devextremeaddon) {
        window.devextremeaddon.setup();
    }
    $(document).on("backbutton", function () {
        DevExpress.processHardwareBackButton();
    });
    StatusBar.overlaysWebView(false);
    StatusBar.styleDefault();
});

Is this the correct place? Or did you mean somewhere else? This is the only place where I use “navigator.splashscreen” in my code. Anyway, I tested it and I can’t see it in the debugging console.
But, this is about hiding splash screen, not about showing it… what can I try?

8

The problem was this line was missing in the config.xml file:

<plugin name="cordova-plugin-splashscreen" />

The weird thing is that without it in iOS works like charms