My app’s logo smaller then other apps in app drawer. Even ionic default logo also comes smaller in center instead of covering whole area.
Compare ionic logo vs amazon music logo in screenshot attached. Please suggest possible reasons for the issue. I am using Oreo.
As far as I know, Cordova doesn’t set Adaptive Icons yet. But it’s easy enough to do manually after you’ve run Cordova build.
Change android:icon in AndroidManifest.xml to:
<application android:hardwareAccelerated="true" android:icon="@drawable/ic_launcher" android:label="@string/app_name" android:supportsRtl="true">
Create ic_launcher.xml in res/drawable with:
<?xml version="1.0" encoding="utf-8"?> <adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android"> <background android:drawable="@drawable/ic_launcher_background"/> <foreground android:drawable="@drawable/ic_launcher_foreground"/> </adaptive-icon>
Then add your two vector files ic_launcher_background.xml and ic_launcher_foreground.xml in res/drawable.
To learn more about adaptive icons, see: https://medium.com/google-developers/implementing-adaptive-icons-1e4d1795470e
Is this the only way to get adaptive icons on android? I have seen some include files in the config.xml. I just generated icons using android studio and it looks like each folder has three png files
How do I get them into the ionic/cordova build?
I recorded a course on egghead.io on that topic.