Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Apache Cordova Splash Screen Change

DZone's Guide to

Apache Cordova Splash Screen Change

The new fading splash screen functionality might not be what you want. Here's how to get around it.

· Mobile Zone
Free Resource

Download this comprehensive Mobile Testing Reference Guide to help prioritize which mobile devices and OSs to test against, brought to you in partnership with Sauce Labs.

A few days ago I began to notice something odd with my Apache Cordova tests. When the application would launch, the splash screen would fade away as opposed to just disappearing. I thought this seemed familiar so I double checked the Apache Cordova blog and re-read the last plugins release post. I had read it when it was published, but not terribly closely. In it, it mentions that the SplashScreen plugin was updated to 3.1.0. In the notes, you can see “Implementing FadeSplashScreen feature for Android” and something similar for iOS.

If you head over to the SplashScreen plugin doc though, this update isn’t mentioned in the main Preferences section. Rather, you have to scroll down to “Android and iOS Quirks” to see that both a FadeSplashScreen and FadeSplashScreenDuration preference were added. (I’ve logged a bug about documenting this up in the top preferences section.)

As the docs say - the default is true, so if for some reason you don’t like this new behavior, you’ll need to add this to your config.xml:


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

Want to see what this new feature looks like in action? Check out the video I created.


Analysts agree that a mix of emulators/simulators and real devices are necessary to optimize your mobile app testing - learn more in this white paper, brought to you in partnership with Sauce Labs.

Topics:
cordova

Published at DZone with permission of Raymond Camden, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}