How to set icon and splash screen in android using Ionic\Cordova

cordova splash-screen ionic-framework
Muhammad Faizan Khan picture Muhammad Faizan Khan · Nov 27, 2014 · Viewed 56.1k times · Source

I have an Ionic project with Android platform using Cordova. I want to set an icon and Splash screen in the project. For icon I have made a directory and added logo that will show.

res\android\pkLogo.png

Also added this line into my config.xml

 <icon src="res/android/pkLogo.png" platform="android" width="57" height="57" density="mdpi" />

But the problem is Apache default icon is showing. What I have done wrong I took help from here cordova

I want to show splash screen, how it is possible? I searched a lot, found some links but I am solve it.

How to set Icon and splash screen in android using ionic\cordova

Answer

Kamal Kumar picture Kamal Kumar · Jan 22, 2016

Run ionic cordova resources from CLI

After that following folder will be created

resources > android

resources > ios

Add icon.png and splash.png file in resource folder and run ionic cordova resources command again. Or you can just run ionic cordova run <platform> and it will generate the resource files for that platform (ios, android, etc).

It will create icon and splash screen automatically and also add in config.xml file. Nothing to do manully. Ionic will do everything automatically for you.

Related questions

Apache Cordova splash screens not showing in Android

I am running Apache Cordova 3.6.3-0.2.13. And I try to get the splash screens working. I have followed the documentation on http://cordova.apache.org/docs/en/3.6.0/config_ref_images.md.html#Icons%20and%20Splash%20Screens. And the icons are …

Read More
phonegap build not showing splashscreen

This question has been asked in the past but none of the answers that I have found have solved the problem for me. I am trying to make a very simple phonegap app to show a splash screen and announce …

Read More
Why PhoneGap always shows default splashscreen image?

I'm testing a sample iOS app now, although I set all new launch images in Xcode (Summary tab of Project Target screen), PhoneGap 3.0 keeps showing its default splashscreen. Why? even when splashscreen is a plugin and not included by default …

Read More