Icons and splash screens generated from `ionic resources` ignored on Android #1608

bilalakil · 2016-10-31T01:46:50Z

Short description of the problem:

Even in a freshly generated project, icon and splash screens generated from ionic resources are being ignored in Android, where the default Cordova images are instead used. This problem does not exist on iOS.

What behaviour are you expecting?

Icons and splash screens generated by ionic resources (which comes up with the Ionic logos if no other icon or splash screen is provided) to be used in the Android app.

Steps to reproduce:

ionic start x
cd x
ionic platform add android
ionic resources
ionic build android
ionic run android

Other information: (e.g. stacktraces, related issues, suggestions how to fix, stackoverflow links, forum links, etc)

The res directory created in the root of the project (following the ionic resources command) contains the expected Ionic logo images (which are created by the ionic resources command as an example) in the many different sizes required by Android.

The platform/android/res directory, however, contains all of the default Cordova images, which appear to be the ones actually being used.

platform/res/android/xml/config.xml perfectly matches the expected config.xml, so it is copying that across as expected, but not the generated images.

Which Ionic Version? 1.7.14

Run ionic info from terminal/cmd prompt: (paste output below)

Your system information:

Cordova CLI: 6.4.0
Gulp version:  CLI version 3.9.1
Gulp local:  
Ionic Version: 1.3.2
Ionic CLI Version: 1.7.14
Ionic App Lib Version: 0.7.0
ios-deploy version: 1.9.0 
ios-sim version: 5.0.10 
OS: Mac OS X El Capitan
Node Version: v6.6.0
Xcode version: Xcode 8.1 Build version 8B62

The text was updated successfully, but these errors were encountered:

bilalakil · 2016-10-31T03:19:32Z

Note that my current workaround to get it built with the icons is to simply move them into the correct position. I do that like so:

mv platforms/android/res/{values,xml} res
rm -rf platforms/android/res
cp -r res platforms/android
ionic build android

However I suspect if I generate a new set of icons or prepare the Android platform again, these steps would be reversed.

koenvanzuijlen · 2016-10-31T13:37:02Z

I'm also having this exact problem, seems the res map isn't created in the correct location

camexapps · 2016-11-01T00:58:12Z

Yes, having the same issue just after updating Ionic and Cordova NPM libraries.

Using Ionic 1.3.2 app

Cordova CLI: 6.4.0
Ionic Framework Version: 1.3.2
Ionic CLI Version: 2.1.4
Ionic App Lib Version: 2.1.2

Update:

Hmm, mine appears to be a bigger issue than that, none of my Plugins (using the Ionic Native library) are no longer loading/found (all is fine for iOS), installed/reinstalled all plugins/platforms etc, strange because I have managed to upgrade fine in the past..

Also to note:
Upgraded all Android SDK tools..
Uninstalled and Reinstalled Cordova/Ionic

will investigate further...

** Lastest Update **

So after the various CLI updates. It appears if I use an explicit older android cli platform:
cordova platform add android@5.2.2
Fixed the issues with plugins, icons ect, and runs fine.

I have noticed the 'res' folder was appearing (cordova 6) (with the correct iocns) in the root folder of my inital app files, NOT the platform generated folder

So, this should be considered a Cordova issue?

workfluo · 2016-11-04T11:40:41Z

Hi folks,
I have this pb also. I think I know the reason (don't worry it has nothing to do with Illuminatis ;-).
The command "ionic resources" updates config.xml. The code written is partly bad code.
Instead of "density" inside:
It should be "qualifier" as here:
Then magically the build process creates the right folders and copy the right files for every screens.
So basically the CLI has to be patched (PLZ supa Ionic Team).
But for know let's house party: https://www.youtube.com/watch?v=tGJEe-yGLos

kodeine · 2016-11-08T03:46:33Z

this issue started as soon i upgraded cordova to latest (6.4.0).

jonatastrafaniuc · 2016-11-08T12:41:06Z

The same problem here with ionic 2 RC2.

alfonsojohan · 2016-11-08T23:03:42Z

@workfluo thanks man, you solution solved this issue for me. was having this issue as well, my ionic info:

Cordova CLI: 6.3.1
Ionic Framework Version: 2.0.0-rc.1
Ionic CLI Version: 2.1.4
Ionic App Lib Version: 2.1.2
Ionic App Scripts Version: 0.0.39
OS:
Node Version: v6.9.1

EmreErdogan · 2016-11-09T03:03:39Z

I had the same issue with the following system information:

Cordova CLI: 6.4.0
Gulp version: CLI version 3.9.1
Gulp local: Local version 3.9.1
Ionic Framework Version: 1.3.2
Ionic CLI Version: 2.0.0
Ionic App Lib Version: 2.0.0
ios-deploy version: 1.9.0
ios-sim version: 5.0.8
OS: Mac OS X El Capitan
Node Version: v4.4.4
Xcode version: Xcode 8.1 Build version 8B62

and my cordova-android version is 6.0.0

I tried the solutions above but none of them worked for me.

Finally I managed to make it work by downgrading Cordova CLI from 6.4.0 to 6.3.1 by running the following command:

npm install -g cordova@6.3.1

and removing & adding android platform then re-building for android:

ionic platform remove android
ionic platform add android
ionic run android

Note: In this solution, instead of qualifier I keep using density attribute in config.xml. For example, <icon src="resources/android/icon/drawable-ldpi-icon.png" density="ldpi"/> or <splash src="resources/android/splash/drawable-port-xxxhdpi-screen.png" density="port-xxxhdpi"/>

workfluo · 2016-11-09T10:38:42Z

If i try: ionic build android i get this:
Note: /Users/Workfluo/ionic-server/wad/platforms/android/src/org/apache/cordova/splashscreen/SplashScreen.java uses or overrides a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
What does it means?
I've got this , the latest version.

jonatastrafaniuc · 2016-11-09T12:28:34Z

I will try this from ghenry22 in ionic-team/ionic-framework#9060:
"Upgrade to android platform 6.1.0 and this should be fixed, just updated my project, reran ionic resources and then build and all good."

workfluo · 2016-11-09T13:23:17Z

I have this:
Cordova CLI: 6.4.0
Gulp version: CLI version 3.9.1
Gulp local:
Ionic Framework Version: 2.0.0-rc.2
Ionic CLI Version: 2.1.4
Ionic App Lib Version: 2.1.2
Ionic App Scripts Version: 0.0.39
And i use this for config settings:
+
BUT in APK the splash screens are named splash.
It depends probably on cordova or ionic cli version.
Whatever it's unstabil! A MESS!

workfluo · 2016-11-09T13:33:28Z

I would highly recommend to open the .pkg file with an unzip tool in order to check IF in "res" folder you have any image for splash screens AND their name.

workfluo · 2016-11-09T13:53:10Z

GET IT. GOTTCHA YOU BUGGY BUG!
My solution with a config like:
Cordova CLI: 6.4.0 + Ionic Framework Version: 2.0.0-rc.2 + Ionic CLI Version: 2.1.4;
is basically:
after the Command $ionic resource,
in config.xml for all the

REPLACE "density" by "qualifier"
AND
in
REPLACE value="screen" by value="splash"

pinindajin · 2016-11-10T22:08:00Z

@camexapps , your solution to do cordova platform add android@5.2.2 worked. NOTE: This is for a cordova backbone app - thought i'd post here since this seems to be more a cordova issue than an ionic issue.

rhuanbarreto · 2016-11-11T02:50:14Z

@EmreErdogan your solution solved my problem. Downgrading cordova solves all problems!

For the people reading this, just uninstall the current cordova before installing the older version.

npm uninstall -g cordova
npm install -g cordova@6.3.1

workfluo · 2016-11-14T15:58:10Z

Simply because there is no single answer.
For me the pb comes not from a plugin or a cordova version.
It all about playing with playing with the propriety name "density" vs. "qualifier" and the attribut value "screen" vs. "splash".
Than rebuild.

fonini · 2016-11-16T19:10:46Z

+1

karser · 2016-11-18T00:16:15Z

I was able to fix this issue by:

npm install -g cordova@6.3.1 android@5.2.2

florentsuc · 2016-11-18T10:50:41Z

I found my problem. I created a new ionic test project and the splashscreen is working.
So I made a diff between the two config.xml files.

I was using <preference name="SplashScreen" value="splash"/> instead of <preference name="SplashScreen" value="screen"/>.

Thus, I can tell this configuration is working:

ionic lib: 2.0.0-rc2
ionic cli: 2.1.8
cordova: 6.4.0
cordova-android: 6.1.0
cordova-plugin-splashscreen: 4.0.0

All you have to do is:

ionic platform remove android
install the correct configuration (cordova, ionic cli)
ionic platform add android@6.1.0
ionic resources
check you don't have a bad config.xml (see my error)

A valid Android splashcreen config line should look like: <splash src="resources/android/splash/drawable-port-ldpi-screen.png" density="port-ldpi"/>

Hope this helps! :-)

vintage · 2016-11-18T14:40:35Z

@florentsuc What about the icons? Do they work properly for you? I can't manage to fix it and always get the default cordova icon.

florentsuc · 2016-11-18T14:42:50Z

@vintage Yes they do. I spent so much time to find my mistake. I can only advice you to create a new ionic blank project to find your problem.

vintage · 2016-11-18T15:31:46Z

@florentsuc I've been reading your comment multiple times and just realized I'm using cordova-android@6.0. Upgrade to cordova-android@6.1 solved the issue. The icon & splash works great now. Thanks! :)

dilhan2013 · 2016-11-21T04:33:35Z

Thanks @vintage updating to android @ 6.1 solved the issue

felippepuhle · 2016-11-22T17:08:47Z

Thanks @florentsuc, your tips helped me a lot.

Add <engine name="android" spec="~6.1.0" /> to the config.xml file to make ionic platform add android always resolve to 6.1.0.

balate · 2016-11-23T10:52:06Z

@florentsuc Thanks!

xgzl87 · 2016-11-25T09:10:03Z

npm ERR! fetch failed http://registry.npmjs.org/cordova-android/-/cordova-android-6.1.0.tgz
npm WARN retry will retry, error on last attempt: Error: connect ECONNREFUSED
npm ERR! fetch failed http://registry.npmjs.org/cordova-android/-/cordova-android-6.1.0.tgz
npm WARN retry will retry, error on last attempt: Error: connect ECONNREFUSED
npm ERR! fetch failed http://registry.npmjs.org/cordova-android/-/cordova-android-6.1.0.tgz
Error: Failed to fetch platform android@~6.1.0
Probably this is either a connection problem, or platform spec is incorrect.
Check your connection and platform name/version/URL.
Error: connect ECONNREFUSED

ataraxus · 2016-11-30T15:33:29Z

Same issue here

Cordova CLI: 6.4.0
Ionic Framework Version: 2.0.0-rc.3
Ionic CLI Version: 2.1.13
Ionic App Lib Version: 2.1.7
Ionic App Scripts Version: 0.0.46
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Windows 7
Node Version: v6.9.1
Xcode version: Not installed

blakholesun · 2016-11-30T19:44:03Z

Yup! Upgrading to android@6.1 fixed it for me. Thanks @vintage !

mattbryan9 · 2016-12-02T15:25:36Z

Upgrade to 6.1 worked. Many thanks to @florentsuc and @felippepuhle!

clodo · 2016-12-07T19:05:16Z

Gracias @florentsuc y @felippepuhle, the workarround worked for me!

almothafar · 2016-12-08T14:16:54Z

@florentsuc and @felippepuhle
Thank you, the workaround worked, but bad news I have a new issue, the splash screen shown as a blank, not image one, if I use <preference name="SplashScreen" value="screen" /> it works.

mg1075 · 2016-12-12T18:55:33Z

@florentsuc - Thanks for the instructions. I can now see my custom icon on my Android device.

Hope this issue gets a good resolution: an app distributed with a default cordova icon gives a bad impression, even if distributed only for testing purposes.

ceberS · 2016-12-27T17:34:19Z

Thanks @florentsuc !!

herkulano · 2017-01-05T14:35:47Z

@florentsuc thanks!

It worked for the icon but I still have the splash screen blank issue.

My config.xml

<splash src="resources/android/splash/drawable-land-mdpi-screen.png" density="land-mdpi"/>
<preference name="SplashScreen" value="screen"/>

My info

Cordova CLI: 6.4.0 
Ionic Framework Version: 2.0.0-rc.4
Ionic CLI Version: 2.1.18
Ionic App Lib Version: 2.1.9
Ionic App Scripts Version: 0.0.48
ios-deploy version: 1.9.0 
ios-sim version: 5.0.13 
OS: macOS Sierra
Node Version: v7.3.0
Xcode version: Xcode 8.2.1 Build version 8C1002

Platforms

Installed platforms:
  android 6.1.0

almothafar · 2017-01-05T19:14:53Z

@herkulano
Try this: when you use ionic resources to generate icon and splash change it to:

<preference name="SplashScreen" value="splash"/>

then change it back to:

<preference name="SplashScreen" value="screen"/>

This how I solved the blank splash.

herkulano · 2017-01-05T19:24:54Z

@almothafar thanks. you forgot to post the code.

almothafar · 2017-01-05T22:37:12Z

@herkulano the code was there but not wrapped with ```.

herkulano · 2017-01-06T15:56:11Z

@almothafar thanks.

It was working already with @florentsuc post. My splash problem was the previous value of: <preference name="SplashScreenDelay" value="10000"/> was set at 0. Changed it and it's now working correctly.

paragw09ckp · 2017-01-10T00:45:20Z

Thanks to @florentsuc to get past that frustrating issue!

Now, in my case, my app is saved on device with the correct icon. And also getting the splash screen shown with correct image. However, after the splash display, the screen goes all white. Nothing happens! :(

Any suggestions or pointers?

Your help is highly appreciated!

patrickbussmann · 2017-01-11T23:23:37Z

Thank you both!
@felippepuhle @florentsuc

But why isn't the 6.1 engine set as default if it contains bugs like this?

ea2809 · 2017-01-15T23:56:07Z

Only changing the android version, everything works fine.

PterPmnta · 2017-01-16T05:12:29Z

@florentsuc What Node Version you have and SO?

PterPmnta · 2017-01-16T05:22:41Z

@herkulano Sorry, i have a problem with tha Node 6.9.X, say sys is deprecated. Use util instead. I wanna to know this hide using Node 7.0 or above.

Your system information:

 ordova CLI: 6.3.1
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Windows 10
Node Version: v5.12.0
Xcode version: Not installed

louisdoe · 2017-01-19T11:35:05Z

I too have the issue.
I just did

cordova platform update android@6.1.0

because I was on android@6.0.0 and it seems it is the cause of the problem.

But then I go through a lot of errors on compilation, plugins errors like:

AdMobPlugin.java:37: error: package com.rjfun.cordova.ad does not exist

import com.rjfun.cordova.ad.GenericAdPlugin;

I tried ionic plugin rm and ionic plugin addall the plugins, but I still see these errors.

Can you help ?

@EmreErdogan solution doesn't seem to work.

ScreamZ · 2017-01-19T22:42:13Z

Any support for cordova 6.4 is coming ?

Or should I use @workfluo strategy ?

vksgautam1 · 2017-01-23T10:33:19Z

for cordova 6.4 this is working one
apache/cordova-android@854946e

mhartington · 2017-01-26T13:56:27Z

If you're splashscreens and icons are not getting used/copied, run

ionic platform rm android
ionic platform add android@latest --save

Android 6.0 (which cordova currently has pinned as the default version) had a bug with resources not being used.

jamesvsshark · 2017-01-30T16:12:41Z

@mhartington who's better than you?

ionic-team/ionic-cli#1608 (comment)

deepchandyadav · 2017-02-18T10:33:12Z

@mhartington Upgrading to latest android worked for me.

frey1esm · 2017-05-19T21:05:34Z

I got Error: cordovaProject.projectConfig.getFileResources after running

ionic platform rm android
ionic platform add android@latest --save

entymon · 2017-05-22T10:45:02Z

Thanks a lot @florentsuc. I updated android platform to 6.1.3 but seems like only 6.1.0 works well.

eweap mentioned this issue Nov 7, 2016

[rc2] Splash screen not working in android ionic-team/ionic-framework#9060

Closed

legendar mentioned this issue Nov 29, 2016

bug: Android custom icon and splash images ionic-team/ionic-framework#9387

Closed

ataraxus mentioned this issue Dec 11, 2016

Resources not wotking (ionic / cordova conflict) ionic-team/ionic-framework#9586

Closed

chlablak mentioned this issue Jan 7, 2017

add splashscreen and icon resources BenjaminSchubert/HEIG_VD_2016_PDG#50

Closed

2 tasks

mhartington closed this as completed Jan 26, 2017

longzheng added a commit to longzheng/mypal-ionic that referenced this issue Feb 11, 2017

Use latest cordova android to fix icon/splash bug

f5b9032

ionic-team/ionic-cli#1608 (comment)

zachlyon mentioned this issue Mar 26, 2017

android drawable-* files copied to wrong res directory (icons and splashscreens) mwaylabs/generator-m-ionic#473

Open

ghost mentioned this issue Apr 19, 2017

ionic resources doesn't copy the android icon/splash into the android platform folder #1857

Closed

gurix added a commit to gurix/familie_persoenlichkeitsDiagnostik that referenced this issue Jun 29, 2017

fixed icons according ionic-team/ionic-cli#1608 (comment)

f5cdac9

Icons and splash screens generated from ionic resources ignored on Android #1608

Icons and splash screens generated from ionic resources ignored on Android #1608

Comments

bilalakil commented Oct 31, 2016

Short description of the problem:

What behaviour are you expecting?

bilalakil commented Oct 31, 2016

koenvanzuijlen commented Oct 31, 2016

camexapps commented Nov 1, 2016 • edited Loading

workfluo commented Nov 4, 2016 • edited Loading

kodeine commented Nov 8, 2016

jonatastrafaniuc commented Nov 8, 2016

alfonsojohan commented Nov 8, 2016 • edited Loading

EmreErdogan commented Nov 9, 2016 • edited Loading

workfluo commented Nov 9, 2016 • edited Loading

jonatastrafaniuc commented Nov 9, 2016

workfluo commented Nov 9, 2016 • edited Loading

workfluo commented Nov 9, 2016

workfluo commented Nov 9, 2016

pinindajin commented Nov 10, 2016

rhuanbarreto commented Nov 11, 2016

workfluo commented Nov 14, 2016

fonini commented Nov 16, 2016

karser commented Nov 18, 2016

florentsuc commented Nov 18, 2016

vintage commented Nov 18, 2016

florentsuc commented Nov 18, 2016

vintage commented Nov 18, 2016

dilhan2013 commented Nov 21, 2016

felippepuhle commented Nov 22, 2016

balate commented Nov 23, 2016

xgzl87 commented Nov 25, 2016

ataraxus commented Nov 30, 2016

blakholesun commented Nov 30, 2016

mattbryan9 commented Dec 2, 2016

clodo commented Dec 7, 2016

almothafar commented Dec 8, 2016

mg1075 commented Dec 12, 2016

ceberS commented Dec 27, 2016

herkulano commented Jan 5, 2017 • edited Loading

almothafar commented Jan 5, 2017 • edited Loading

herkulano commented Jan 5, 2017

almothafar commented Jan 5, 2017

herkulano commented Jan 6, 2017

paragw09ckp commented Jan 10, 2017 • edited Loading

patrickbussmann commented Jan 11, 2017

ea2809 commented Jan 15, 2017

PterPmnta commented Jan 16, 2017 • edited Loading

PterPmnta commented Jan 16, 2017 • edited Loading

louisdoe commented Jan 19, 2017

ScreamZ commented Jan 19, 2017

vksgautam1 commented Jan 23, 2017

mhartington commented Jan 26, 2017

jamesvsshark commented Jan 30, 2017

deepchandyadav commented Feb 18, 2017

frey1esm commented May 19, 2017

entymon commented May 22, 2017

Icons and splash screens generated from `ionic resources` ignored on Android #1608

Icons and splash screens generated from `ionic resources` ignored on Android #1608

camexapps commented Nov 1, 2016 •

edited

Loading

workfluo commented Nov 4, 2016 •

edited

Loading

alfonsojohan commented Nov 8, 2016 •

edited

Loading

EmreErdogan commented Nov 9, 2016 •

edited

Loading

workfluo commented Nov 9, 2016 •

edited

Loading

workfluo commented Nov 9, 2016 •

edited

Loading

herkulano commented Jan 5, 2017 •

edited

Loading

almothafar commented Jan 5, 2017 •

edited

Loading

paragw09ckp commented Jan 10, 2017 •

edited

Loading

PterPmnta commented Jan 16, 2017 •

edited

Loading

PterPmnta commented Jan 16, 2017 •

edited

Loading