Geek Answers Handbook

Android Splash Screen does not work with Cordova 5.0.0

Can't I upload images with a screensaver? It blinks white, then turns black, and after a few seconds the application loads. My config.xml looks like this:

I am using Cordova 5.0.0 for Android. I ported my application from PhoneGap, where it works successfully, and the splash screen works.

config.xml

<platform name="android">
    <splash src="www/images/openingscenehdpi.png" density="hdpi"/>
    <splash src="www/images/openingsceneldpi.png" density="ldpi"/>
    <splash src="www/images/openingscenemdpi.png" density="mdpi"/>
    <splash src="www/images/openingscenexhdpi.png" density="xhdpi"/>                
    <preference name="android-minSdkVersion" value="14"/>
    <preference name="android-targetSdkVersion" value="19"/>
    <preference name="SetFullscreen" value="true"/>
    <preference name="orientation"  value="landscape"/>
</platform>

After reading all the other similar problems, I unsuccessfully tried the following, which did not change the behavior of the application:

  • Only the presence of splash elements inside tags
  • Adding preferences name = Value "SplashScreen" = "screen" inside and outside platform tags
  • Adding preference name = Value "SplashScreen" = "splash" inside and outside platform tags
  • , /android/res
  • spashscreen javscipt index.html

, .

- ?

+4
3

! , :

cordova plugin add cordova-plugin-splashscreen

res ( config.xml) config.xml:

<preference name="SplashScreen" value="screen" />
<preference name="SplashScreenDelay" value="5000" />
<preference name="SplashMaintainAspectRatio" value="true|false" />
<platform name="android">
        <splash src="res/drawable-hdpi/screen.png" density="hdpi"/>
    <splash src="res/drawable-ldpi/screen.png" density="ldpi"/>
    <splash src="res/drawable-mdpi/screen.png" density="mdpi"/>
    <splash src="res/drawable-xhdpi/screen.png" density="xhdpi"/>
    <splash src="res/drawable-xhdpi/screen.png" density="xxhdpi"/>
    <splash src="res/drawable-xhdpi/screen.png" density="xxxhdpi"/> 
</platform>
+10

@Ben Jones, Javascript, , , HTML. , (5 XML).

navigator.splashscreen.hide();

: , , , :

if (navigator.splashscreen)
    navigator.splashscreen.hide();
0

. , - Android . , ( 2 , 3 rd):

  • :

    cordova plugin add cordova-plugin-splashscreen

  • onDeviceReady:

    navigator.splashscreen.show();

    ( ):

    navigator.splashscreen.hide();

  • Definition of each density burst screen indicating a landscape or portrait (in my case, I use the same image for everyone):

    <splash src="www/img/splash.png" density="land-hdpi"/>
<splash src="www/img/splash.png" density="land-ldpi"/>
<splash src="www/img/splash.png" density="land-mdpi"/>
<splash src="www/img/splash.png" density="land-xhdpi"/>
<splash src="www/img/splash.png" density="port-hdpi"/>
<splash src="www/img/splash.png" density="port-ldpi"/>
<splash src="www/img/splash.png" density="port-mdpi"/>
<splash src="www/img/splash.png" density="port-xhdpi"/>

Here's what the file looks like config.xmlin parts related to the splash screen:

<preference name="SplashScreen" value="screen" />
<preference name="SplashScreenDelay" value="5000" />
<preference name="FadeSplashScreen" value="false"/>
<platform name="android">
    <allow-intent href="market:*" />
    <splash src="www/img/splash/splash.png" density="land-hdpi"/>
    <splash src="www/img/splash/splash.png" density="land-ldpi"/>
    <splash src="www/img/splash/splash.png" density="land-mdpi"/>
    <splash src="www/img/splash/splash.png" density="land-xhdpi"/>
    <splash src="www/img/splash/splash.png" density="port-hdpi"/>
    <splash src="www/img/splash/splash.png" density="port-ldpi"/>
    <splash src="www/img/splash/splash.png" density="port-mdpi"/>
    <splash src="www/img/splash/splash.png" density="port-xhdpi"/>
</platform>

(and the splash screen is hidden for up to 5 seconds, because I hide it at the end of the function onDeviceReady)

0
source

More articles:


All Articles