Android Notification Icon not working [Android Studio + Capacitor]

Capacitor
1

I’m following the Android Studio guidelines for changing my app assets (icon, splash & notification). Icon and splashscreen are working but I can’t get the Notification icon to change from anything other than a white circle…

I’ve tried using my own custom icon (exported as just a white icon with no background color) and using one of Android Studio’s built in “Clip Art”. Neither work (which helps me rule out that my custom icon has some alpha/transparency layer issue)

I’ve checked stackoverflow but all solutions have to do with various Android API levels and configuring icon colors and background settings in Java (which I don’t want to do and I’m assuming most ionic dev don’t mess with)

Any suggestions would be greatly appreciated. I’ve spent hours testing and searching for hours. Hoping an Ionic Dev has encountered this and there’s a solution. :pray:t3:

image
image2040×1418 280 KB

image
image2030×1412 250 KB

IMG_0173
IMG_01733004×1970 1.14 MB

1 Like
2

Solved.

The capacitor docs mention it here and the firebase android messaging docs show that the following is needed in AndroidManifest.xml:

<!-- Set custom default icon. This is used when no icon is set for incoming notification messages.
     See README(https://goo.gl/l4GJaQ) for more. -->
<meta-data
    android:name="com.google.firebase.messaging.default_notification_icon"
    android:resource="@drawable/ic_stat_ic_notification" />
<!-- Set color used with incoming notification messages. This is used when no color is set for the incoming
     notification message. See README(https://goo.gl/6BKBk7) for more. -->
<meta-data
    android:name="com.google.firebase.messaging.default_notification_color"
    android:resource="@color/colorAccent" />

Bonus: that @color/colorAccent is pulled from the variables.scss --ion-color-primary so the notification is colored when you pull the notification tray down. (its white while the top notification bar which follows the android design spec)

Screenshot_20210117-105015
Screenshot_20210117-1050151080×2340 165 KB
Screenshot_20210117-105021
Screenshot_20210117-1050211080×2340 167 KB

3 Likes
3

I’m also doing same but i didn’t got icon, can any one tell me what is the issue

4

Thanks so much! this help me! i’m using Quasar v1

5

Worth maybe also adding here that the tag needs to go inside the tags in the AndroidManifest.xml (otherwise for it seemed to get removed during each build phase).

6

Inside which tags; They keep reverting on every build.

7

Inside . But the solution is not working for me:

<application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme"
        android:usesCleartextTraffic="true">

        <meta-data
            android:name="com.google.firebase.messaging.default_notification_icon"
            android:resource="@drawable/ic_notification_icon" />

        <meta-data
            android:name="com.google.firebase.messaging.default_notification_color"
            android:resource="@color/colorAccent" />