Custom Cordova Hybrid App Launcher Icons

[@aichatnaaichatna2018]

hi with cordova v9 the folder res not exist when I create my new project what can I do to create him again or what thanks

[@SteveGriffith-Prof3ssorSt3v3]

Some of the folders and no longer created - res, merges. You can just manually create them.

[@aichatnaaichatna2018]

@@SteveGriffith-Prof3ssorSt3v3 hi thanks i create res folder and I put all pictures in but my project still has the default Cordova icons

[@SteveGriffith-Prof3ssorSt3v3]

@@aichatnaaichatna2018 if you dont see the new icons it could be an invalid path or the old icons could be cached. Delete the old app and increment the app version number in config.xml

[@aichatnaaichatna2018]

@@SteveGriffith-Prof3ssorSt3v3 this my config.xml first game A sample Apache Cordova application that responds to the deviceready event. Apache Cordova Team

[@aichatnaaichatna2018]

hi I put all icon size here foldername\platforms\android\app\src\main es and it's done thank you sure happy good day

[@raphaellloyds1738]

Thank you very much, well done series

[@rajprudhvi1]

I do not see any res folder in the platforms/android after executing cordova build android. Am I missing something? Thanks!

[@SteveGriffith-Prof3ssorSt3v3]

Did you define the icon elements in the config.xml file? Do they have the correct paths and filenames? If not, then they won't be copied over to the android folder when you do the build. The folder with the default icons gets created when you add Android to the cordova project.

[@zj5317]

@@teacher_ps wow ya steves tutorial is defunct, cmon steve make a blurb letting us know we didnt do nothing wrong

[@mohaideenms6617]

Can i use svg format instead of png ?

[@SteveGriffith-Prof3ssorSt3v3]

Not in a launcher icon

[@mudikhan6203]

Thanks! Really easy! I have a question that how can I add splash screen?

[@SteveGriffith-Prof3ssorSt3v3]

Same as the launcher icons. There is a splash screen plugin for Cordova that let's you control how long it is shown as well as show and hide. But otherwise just adding the images to the config.xml file like you do for the icons. The images go in the res folder too. Make sure you use exactly the correct sized images though.

[@mudikhan6203]

Steve Griffith Thanks you are the great teacher I had ever seen on youtube. One more question how can I overcome on grey screen which is appear before splashscreen?

[@SteveGriffith-Prof3ssorSt3v3]

@@mudikhan6203 if the splashscreen is installed properly it should be the first thing the user sees

[@hoseapatriciacorpuz6729]

Thank you for clear tutorial keep it up

[@samuelmatheson9655]

Why is the source documentation so confusing

[@SteveGriffith-Prof3ssorSt3v3]

Not all developers have the ability to write good documentation.

[@bhajanpreet25]

Thanks, it saved me today. :D

[@Gustavo-he6ec]

I need to do it for IOS platform, is it the same way ?

[@SteveGriffith-Prof3ssorSt3v3]

The process is the same just look up the sizes for your different icons.

[@kingofwinter249]

Thanks that was helpful.

[@SteveGriffith-Prof3ssorSt3v3]

You're very welcome. Be sure to subscribe to get notified when I add more Cordova videos soon.

[@denysmartych1585]

What about IOS How can i do this?

[@SteveGriffith-Prof3ssorSt3v3]

Same way. Add the elements inside the iOS platform element instead of the android platform element

[@samuelmatheson9655]

🤩