Splash screen and app icon is not working in android phone


#1

splash screen is not showing in adroid phone


#2

make sure splashscreen and icon images are inside resource folder and after that do ionic resources --icon and --splash inside cli… and check the config.xml if images are added…


#3

yeah |
I already placed images in resources folder.
and in config.xml also images avialable.
In ios its working properly but in android its not working


#4

you should use cli again for adding icons and splashscreens in android platform…


#5
 <platform name="ios">
    <splash src="resources/ios/splash/Default-568h@2x~iphone.png" width="640" height="1136"/>
    <splash src="resources/ios/splash/Default-667h.png" width="750" height="1334"/>
    <splash src="resources/ios/splash/Default-736h.png" width="1242" height="2208"/>
    <splash src="resources/ios/splash/Default-Portrait@2x~ipad.png" width="1536" height="2048"/>
    <splash src="resources/ios/splash/Default-Portrait~ipad.png" width="768" height="1024"/>
    <splash src="resources/ios/splash/Default@2x~iphone.png" width="640" height="960"/>
    <splash src="resources/ios/splash/Default~iphone.png" width="320" height="480"/>
    <icon src="resources/ios/icon/icon.png" width="57" height="57"/>
    <icon src="resources/ios/icon/icon@2x.png" width="114" height="114"/>
    <icon src="resources/ios/icon/icon-40.png" width="40" height="40"/>
    <icon src="resources/ios/icon/icon-40@2x.png" width="80" height="80"/>
    <icon src="resources/ios/icon/icon-40@3x.png" width="120" height="120"/>
    <icon src="resources/ios/icon/icon-50.png" width="50" height="50"/>
    <icon src="resources/ios/icon/icon-50@2x.png" width="100" height="100"/>
    <icon src="resources/ios/icon/icon-60.png" width="60" height="60"/>
    <icon src="resources/ios/icon/icon-60@2x.png" width="120" height="120"/>
    <icon src="resources/ios/icon/icon-60@3x.png" width="180" height="180"/>
    <icon src="resources/ios/icon/icon-72.png" width="72" height="72"/>
    <icon src="resources/ios/icon/icon-72@2x.png" width="144" height="144"/>
> <icon src="resources/ios/icon/icon-76.png" width="76" height="76"/>
> <icon src="resources/ios/icon/icon-76@2x.png" width="152" height="152"/>
> <icon src="resources/ios/icon/icon-83.5@2x.png" width="167" height="167"/>
> <icon src="resources/ios/icon/icon-small.png" width="29" height="29"/>
> <icon src="resources/ios/icon/icon-small@2x.png" width="58" height="58"/>
> <icon src="resources/ios/icon/icon-small@3x.png" width="87" height="87"/>
>   </platform>
>   <platform name="android">
> <splash src="resources/android/splash/drawable-port-ldpi-screen.png" density="port-ldpi"/>
> <splash src="resources/android/splash/drawable-port-mdpi-screen.png" density="port-mdpi"/>
> <splash src="resources/android/splash/drawable-port-hdpi-screen.png" density="port-hdpi"/>
> <splash src="resources/android/splash/drawable-port-xhdpi-screen.png" density="port-xhdpi"/>
> <splash src="resources/android/splash/drawable-port-xxhdpi-screen.png" density="port-xxhdpi"/>
> <splash src="resources/android/splash/drawable-port-xxxhdpi-screen.png" density="port-xxxhdpi"/>
> <icon src="resources/android/icon/drawable-ldpi-icon.png" density="ldpi"/>
> <icon src="resources/android/icon/drawable-mdpi-icon.png" density="mdpi"/>
> <icon src="resources/android/icon/drawable-hdpi-icon.png" density="hdpi"/>
> <icon src="resources/android/icon/drawable-xhdpi-icon.png" density="xhdpi"/>
> <icon src="resources/android/icon/drawable-xxhdpi-icon.png" density="xxhdpi"/>
> <icon src="resources/android/icon/drawable-xxxhdpi-icon.png" density="xxxhdpi"/>
>   </platform>
>   <icon src="resources/android/icon/drawable-xhdpi-icon.png"/>
>   <plugin name="cordova-plugin-statusbar" spec="~2.2.0"/>
>   <plugin name="cordova-plugin-whitelist" spec="~1.3.0"/>
>   <plugin name="cordova-plugin-device" spec="~1.1.3"/>
>   <plugin name="cordova-plugin-splashscreen" spec="~4.0.0"/>
>   <plugin name="ionic-plugin-keyboard" spec="~2.2.1"/>
>   <plugin name="cordova-plugin-console" spec="~1.0.4"/>

when we are generating ios platform the new app icon and splash screen reflecting in ios app.
and when we generate android platform new splash screen and app icon does not reflect in generated android platform. In adroid build folder its showing default ionic app icon and splash screen.

#6

did you check the directory of android platform and check if the images are inside of it?


#7

Its showing default image.
New slpash images and icons not coming.


#8

you should do ionic resources --icon and ionic resources --splash again and check the directory for android platform if images are added…


#9

No icons for me either even after running those commands


#10

Hi Keithmichelson,

First remove your android platform.
after this just copy your icon and splash image in resources folder.
and now run ionic resources --icon and ionic resources --splash
after this use this command ionic resources.
now gain add your platform like ionic platform add android.
after this run this command cordova platform update android@6.1.0
at the last run ionic build android.

Thanks


#11

Thank you @rohitk1994, that did the trick!


#12

Is it working now in your android phone ?


#13

Yeah it is on an older nexus.