Stuck On Blank White Screen After Splash On Certain Builds and Devices

Ionic Framework ionic-v3
1

I tried installing the app created with the --release flag and --prod --release flags but both of them shows only white screen after the splash and is being stuck there. However, when I installed the android-debug.apk, it works really well.

I also noticed that :

the android-debug.apk, --release version and --prod --release version work with:
ZenFone 2 (ZE551ML) (Z00A_1) Android 5.0

While the android-debug.apk is the only one working and --release version and --prod --release version are not working in :
Y6 Pro (HWTIT-U6582) Android 5.1
TCT Alcatel PLAY_P1 (PLAY_P1) Android 4.4

I hide the splash screen inside platform ready and did what other said in some discussions but they are not working. Its been 10 hours now trying different solutions from forums and I still have no luck so I try to ask here. I also tried Crosswalk but it increased the size, instead of 8MB it became 35.7MB and I do not want that. Thanks.

Below is my ionic info:

cli packages: (project_here\node_modules)

    @ionic/cli-utils  : 1.12.0
    ionic (Ionic CLI) : 3.12.0

global packages:

    cordova (Cordova CLI) : 7.0.1

local packages:

    @ionic/app-scripts : 2.0.1
    Cordova Platforms  : android 6.2.3 browser 4.1.0
    Ionic Framework    : ionic-angular 3.5.0

System:

    Node : v7.6.0
    npm  : 4.1.2
    OS   : Windows 10

Misc:

    backend : legacy

Below are the preferences of my config.xml:

    <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="SplashMaintainAspectRatio" value="true" />
    <preference name="FadeSplashScreenDuration" value="300" />
    <preference name="SplashShowOnlyFirstTime" value="false" />
    <preference name="SplashScreen" value="screen" />
    <preference name="SplashScreenDelay" value="2000" />
    <preference name="FadeSplashScreen" value="false" />
    <preference name="AutoHideSplashScreen" value="false" />
    <preference name="loadUrlTimeoutValue" value="700000" />
    <preference name="android-manifest/@android:installLocation" value="auto" />

I also added this inside platform ready as what others are suggesting :

setTimeout(() => {
        this.splashScreen.hide();
      }, 1000);

Thanks in advance.

2

Didn’t you ever figure out how to solve this issue?

I’m having similar issues with blank white screen after splash and I’ve been looking for a solution.

3

The only solution I had is to add Crosswalk. But it is not convinient, honestly. The original size of my apk file is 8MB. Then when I added Crosswalk, the apk file size became 35.7MB even using prod release flags. Also, the plugin called ImageViewer stopped working when I added Crosswalk. This is painful. I just had to advise users that my app is unstable using older Android versions.

4

Yeah I understand the frustration since I’m having similar issues.

Thanks for letting me know how you ended up working around the issue, even if it’s not a perfect fix.