Back to Top

How to set Icons and Splash Screens in PhoneGap App?

To set Splash Image/Icon in Android with Phonegap

In series post of PhoneGap ,I have explained basic about PhoneGap and Internet connection issue in Android so Today I am going to explain about to set Icons and Splash Screens in PhoneGap App in Android.

The splash screen is an image which appears while a program is loading so it’s very important and the first screen when working with an android application.

First of all,Go to res folder of your project and add created splash image into desired drawable folder.

res folder will have the following kind of folders:


Now, Go to src// and place following line of code and place line under super.onCreate function but before super.loadUrl.After below line you need to modify your loadUrl method to pause for 5-10 seconds before loading the main page.

Next,Check your res/xml/config.xml file in that splashscreen plugin is enable:

To hide splash screen into the main page.

That’s it. This is all about splash screen now let’s see how to set icon in an android application with PhoneGap.

You need to place your icon image into same drawable Resource Folder in .png format and then set it in the AndroidManifest.xml file’s Application Tab.

Also Read:

To use JSON Response of Webservice in Phonegap Android
Save Image/File into sd card in Android using PhoneGap
To setup SQLite for Android-Phonegap application

Don’t hesitate to use this code in your Android application and post your comments if you need help. As always, thanks for reading. Don’t Forget to Follow us on Twitter or Subscribe us to Get the Latest Updates.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Most Popular Posts

How to use Ajax in WordPress

Posted on 5 years ago


How to use jQuery Lazy Load Plugin?

Posted on 4 years ago