离子 2 的推送通知中未显示图标答案

【问题标题】：Icon is not displaying in push notifications in ionic 2离子 2 的推送通知中未显示图标
【发布时间】：2018-03-26 05:30:43
【问题描述】：

我正在尝试在通知中显示应用程序图标。但它显示的是空白图标。

我给出了如下推送选项：

 const options: PushOptions = {
      android: {
        titleKey: 'App',
        sound: 'true',
        icon: 'res/drawable/notification_icon',
        topics: ['MyTopic']
      },
      ios: {
        alert: 'true',
        badge: false,
        sound: 'true'
      },
      windows: {}
    };

并复制如下图标，分辨率为40*40px。

<resource-file src="resources/notification_icon.png" target="res/drawable/notification_icon.png" />

我有什么遗漏的吗？

更新：

我点击此链接：https://github.com/ionic-team/ionic-cli/issues/608 并尝试使用以下语句将 resources/android/notification/drawable-XYZ/ic_stat_ac_unit.png 下的所有通知图标复制到 res/drawable-XYZ/ic_stat_ac_unit.png：

<resource-file src="resources/android/notification/drawable-hdpi/ic_stat_ac_unit.png" target="res/drawable-hdpi/ic_stat_ac_unit.png" />
        <resource-file src="resources/android/notification/drawable-mdpi/ic_stat_ac_unit.png" target="res/drawable-mdpi/ic_stat_ac_unit.png" />
        <resource-file src="resources/android/notification/drawable-xhdpi/ic_stat_ac_unit.png" target="res/drawable-xhdpi/ic_stat_ac_unit.png" />
        <resource-file src="resources/android/notification/drawable-xxhdpi/ic_stat_ac_unit.png" target="res/drawable-xxhdpi/ic_stat_ac_unit.png" />
        <resource-file src="resources/android/notification/drawable-xxxhdpi/ic_stat_ac_unit.png" target="res/drawable-xxxhdpi/ic_stat_ac_unit.png" />

并将 app.component.ts 中的 PushOptions 修改为：

android: {
    titleKey: 'App',
    sound: true,
    vibrate:true,
    icon: 'ic_stat_ac_unit',
    iconColor:'#343434',
    topics: ['MyTopic']
  }

即使这样也没有用 - 同样的问题。

【问题讨论】：

标签： android ionic-framework push-notification ionic2 cordova-plugins

【解决方案1】：

这可能是没有在您要显示的形状的图标上设置 Alpha 通道。 Android 5.0+ 为所有小通知图标添加了白色蒙版。您可以使用Android Asset Studio 创建图标集，因为它会向您展示它在设备上的外观，以确保您拥有正确的图标。

在 Android 5.0+ 中，推送通知图标必须是两种颜色：透明背景+白色前景；否则默认应用图标被拍摄，任何不透明的东西都显示为白色（所以很可能，用户会看到白色）

【讨论】：

我尝试使用i.stack.imgur.com/Vr27p.png，它显示在 Android Asset Studio 链接上，但未显示在设备上。仅供参考，我正在使用 ionic 2
@user1188867 for Ionic，请通过这个issue 它应该会指导你正确的路径
我认为 url 链接已损坏。请验证并重新发布。
@user1188867 实际上从评论中打开它不起作用，试试这个github.com/ionic-team/ionic-cli/issues/608
我已经看过并尝试过，但它对我不起作用。我会再试一次。

【解决方案2】：

我想你可以从下面的链接中得到答案：

https://stackoverflow.com/a/30795471/7329597

希望对你有帮助。:)

【讨论】：

【解决方案3】：

我使用 ionic fcm 插件解决了这个问题。我刚刚用显示的 Cordova fcm 插件图标替换了 cordova push 插件。我在推送插件上浪费了很多时间。我希望这个答案对其他人有所帮助。

https://github.com/fechanique/cordova-plugin-fcm

【讨论】：