IONIC 2：推送通知图标白色正方形

Question

When my Android phone (Andoid 8.0) receives a push notification from my app, the icon is blank/white. It works when I use $ ionic cordova resources --icon with an icon with transparent background, but when I do that my app icon has no background, and I don't want that.

It's possible to use differents icons for app and for notification ? I tried a lot of things but nothing works.

I'm using Ionic 2 push plugin to show push notification, I used this post to do my code : https://ampersandacademy.com/tutorials/ionic-framework-version-2/push-notification-in-ionic-2-native-plugin-version-2-3-with-firebase-hosting-service-provider

Any help would be greatly appreciated !

Answer 1

Yes you can use a different icon for your notifications. Just specify an icon in your PushOptions when you initialize the push plugin. If you dont specify an icon it uses the app icon by default.

const options: PushOptions = {
   android: {
       icon: your_drawable_icon
   }
};

const pushObject: PushObject = this.push.init(options);

Read more about available (android) options in the Ionic Doc and for more details directly in the phonegap-push-plugin repo

Answer 2

You have to add icon manually in your platform project (Android Native method)

1. create ic_notification.png
2. find directory \\platforms\\android\\res\\
3. In res directory you can see many drawable or mipmap directory, Copy ic_notification in all these directories.
4. Open AndroidManifest.xml located in \\platforms\\android\\

5. Inside <application > ... </application > tag add following config

   if drawable

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

   if mipmap

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

***Note this setting may overwritten if you clean and rebuild your project. or if you run platform remove/update/add command