離子2中的推送通知中不顯示圖標

Question

我正在嘗試在通知中顯示應用程序圖標。 但它顯示空白圖標。

我給出了如下推送選項：

 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']
  }

即使這樣也行不通 - 同樣的問題。

Answer 1

可能沒有在要顯示的形狀的圖標上設置alpha通道。 Android 5.0+為所有小通知圖標添加了白色遮罩。 您可以使用Android Asset Studio創建圖標集，因為它會向您顯示它在設備上的外觀以確保您的設置正確。

在Android 5.0+中，推送通知圖標必須是雙色的：透明背景+白色前景; 否則將采用默認的應用程序圖標，並且任何不透明的內容都顯示為白色（很可能，用戶將看到白色）

Answer 2

我想你從以下鏈接得到你的答案：

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

我希望它可以幫到你。:)

Answer 3

我使用離子fcm插件來解決問題。 我剛剛用Cordova fcm插件圖標替換了cordova push插件。 我在push plugin上浪費了很多時間。我希望這個答案可以幫助別人。

有關更多信息，請參閱以下鏈接：

https://ionicframework.com/docs/native/fcm/

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