Geek Answers Handbook

Custom Splashscreen and Icon in Ionic 2 not showing, Cordoba icons showing

I do not understand why my icon and screen saver are not displayed. They are referenced appropriately in the config.xml file, but instead, default images are displayed, which are displayed by default. Please, help

EDIT: I just noticed that the created icons and screensavers were not copied to the respective platforms. Why did this happen?

+8
cordova splash-screen ionic2
source share
4 answers

look at this link: https://github.com/driftyco/ionic-cli/issues/1608 and especially the comment by florentsuc

I solved this by running: the ionic platform removes the android ionic platform add android@6.1.0

+8
source share

To change the splash screen, you can go to the resources folder and change icon.png and splash.png

You can run the ionic resources command to generate resources for the currently installed platforms.

It is imperative that you save the sizes and sizes of the bursts and format them the same way, or they will not work.

Also make sure you have your platforms installed before doing this:

 ionic platform add android ionic platform add iOS

SplashScreen:

  • You can get the template here.
  • 2208x2208 px
  • .png format

Icon:

  • You can get the template here.
  • 192x192 px
  • .png format

I also realized that it’s best to keep these images small, as soon as they go above 35 mb, they take longer to generate

+5
source share

This problem is caused because the res map is not created in the right place. Running the following line of commands will fix your problem.

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

I had the same problem and I did this:

  • Create the icon.png and splash.png file and put it in the resources folder.
  • Run the ion resource command (and automatically create all the files).
  • Launch the ion platform, remove the android.
  • Launch the add android ion platform (and the config.xml file has been updated).
  • I manually modified the android / res /.../ screen.png and android / res /.../ icon.png files generated earlier.

Finally, a custom icon and a splash screen appeared.

In other words, you must update files manually on / Android and / ios platforms.

+1
source share

More articles:


All Articles