Geek Answers Handbook

Removing white flicker after splash screen saver 3.3

How can I create an application, add a splashscreen plugin, the splash screen should disappear when the device is ready, and WHITE FLICKER does not appear? This happens in Adobe build, as well as on cli build on the Android platform.

These are simple steps that I have used again and again throughout the week to figure this out:

  • I created an application: phonegap create app
  • I added a plugin: local phonegap plugin add org.apache.cordova.splashscreen
  • I added this to the config.xml file from the www folder:
<feature name="SplashScreen"> <param name="android-package" value="org.apache.cordova.splashscreen" /> <!-- <param name="onload" value="true" /> --> </feature>

Now the plugin is installed. To make sure the splash screen disappears after the separator has been pressed, I added:

 navigator.splashscreen.hide();

in index.js under the onDeviceReady function

With these steps, it works fine. A popup window displays normally, it disappears normally, but a white flash appears. Why is this happening? Does the screen saver hide before everything boots up or why? I noticed that when I set the screen saver to a value of, for example, 3 seconds, the white flash disappears, but I want it to disappear as quickly as the device was ready, because I have another effect that starts with the finished device, and if I enter the second time in the application it loads faster, and the splash screen just remains unchanged, and the effect occurs under the spray screen.

So, how to finally solve this problem?

I also tried

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

I tried setting the body background to black because the effect I was talking about was a black div that disappears at the beginning of the application.

And I also tried making webview black

 <preference name="backgroundColor" value="0x000000" />

All without luck.

How can i solve this? I think the easiest way out is to install a black screen, but my preference command does not work.

+6
source share
4 answers

I added <preference name="SplashScreenDelay" value="10000" /> to my config.xml file to make sure the splash screen is turned on and then navigator.splashscreen.hide() to hide it after creating my application’s home page ( not immediately after "deviceready"). If I put this right after deviceready, I get a white flash because I conditionally change pages.

You can even setTimeout on navigator.splashscreen.hide() , up to a couple of hundred ms (or regardless of the delay time).

+6
source

Try to make it work fine on the s6 edge

 <preference name="SplashScreen" value="screen" /> <preference name="FadeSplashScreen" value="false" /> <preference name="AutoHideSplashScreen" value="false" /> <preference name="SplashScreenDelay" value="3000" />
+2
source

try it

config.xml:

 <preference name="AutoHideSplashScreen" value="false" /> <preference name="SplashScreenDelay" value="10000"/> <gap:plugin name="org.apache.cordova.splashscreen" />

Android does not seem to have an AutoHide option. We will hide it manually.

Adding a plugin link in the config.xml file is necessary for the navigator.splashscreen.hide(); javascript code to work navigator.splashscreen.hide(); .

 document.addEventListener('deviceready', function() { navigator.splashscreen.hide(); });
0
source

Set these values ​​in the config.xml file of the application

 <preference name="FadeSplashScreen" value="true" /> <preference name="FadeSplashScreenDuration" value="1.5" /> <preference name="ShowSplashScreenSpinner" value="false" /> <preference name="SuppressesIncrementalRendering" value="true" />
0
source

More articles:


All Articles