RNFirebase 通知问题显示图标答案

【问题标题】：RNFirebase Notification Issue Displaying IconsRNFirebase 通知问题显示图标
【发布时间】：2019-12-24 16:34:56
【问题描述】：

我正在使用 RNFirebase 通知包参考。 https://rnfirebase.io/docs/v4.3.x/messaging/introduction

我已经按照文档中提到的所有步骤，RNfirebase 自己处理传入通知，因此需要实现额外的模块 rf。 https://rnfirebase.io/docs/v4.3.x/notifications/introduction这仅在应用程序处于前台时才有帮助

问题

如上图所示，当通知来自云时，图标完全可见。但是当我打开通知托盘时

您可以清楚地看到该图标是灰色的（我已经搜索了该问题并从该图标中删除了 Alpha 通道），但问题仍然存在。

参考 1.https://github.com/zo0r/react-native-push-notification/issues/730 参考 2.Why is my smallIcon for Notifications always greyed out? 参考 3.

【问题讨论】：

标签： android react-native

【解决方案1】：

您需要为 Android 提供一个符合通知图标标准的图标，请参阅Material guideline。

应用程序图标：应用程序图标是您的应用程序标识的小型二维表示。它以单色显示在状态栏中。如果您的应用发送多种通知，您可以将应用的标识图标替换为反映内容类型的符号。例如，Google Now 使用云图标来通知天气。

总结 - 您需要一个具有透明背景的图标 - 在图标内部也是如此。

在您的情况下，您的图标内似乎有白色背景 Android 系统通过对比将所有颜色转换为单一颜色

深色或白色 -

在您的图标中全部转换为灰色。您可以在AndroidManifest中设置默认图标和颜色

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

【讨论】：