Remove the Cordova Icon/Splash Screen for an Android - Forum

Forum Navigation
You need to log in to create posts and topics.

Remove the Cordova Icon/Splash Screen for an Android

Having returned to VisualNEO Web after a period of no use, I've noticed that when re-building an old or creating new apps and using VoltBuilder, the app if opened after a full close, opens an annoying splash screen each time.

It may just be down to the version of VisualNEO Web I'm using? I searched the forum but I can't find anything recent or obvious related to splash screens, so I have done a bit of research and have managed to find out how to show an image that represents the app and not Cordova.

If you also wish to remove the Cordova Icon/Splash Screen for an Android app on startup and add your own image but can't work out how, here's a simple solution.

First run Compile/Publish to create the zip file.

Manually add the following lines to the config.xml

<preference name="SplashScreenDelay" value="1000" />
<preference name="AutoHideSplashScreen" value="true" />
<preference name="AndroidWindowSplashScreenAnimatedIcon" value="resources/splashTemplate.png" />
<preference name="AndroidWindowSplashScreenBackground" value="#FFFFFF" />

Two files to represent the app image are needed:

iconTemplate.png - must be at least 1024×1024px. Can be in png or jpg format. Windows requires a higher resolution of 1240×1240px.

splashTemplate.png - must be at least 2732×2732px. Can be in png or jpg format. Windows splash screens have an aspect ratio of roughly 2:1 - the suggested size is 2480×1200px.

Create a folder named Resources, add both images to this folder and copy it over to the VoltBuilder complied app zip file (make sure it's at the top level of your project. i.e. where www folder is.

Now upload to VoltBuilder and from now on when the app loads from a cold start, your own Image will be seen.

Uploaded files:
  • You need to login to have access to uploads.

@paultomo please note you can add additional config.xml lines within the VisualNEO Web interface.
Thank you for sharing!