Flutter 项目 Pixel 机型的 Notification 显示白方块问题

前言

在做 Flutter 项目时，发现有某些 Pixel 手机上 Logo 显示不全问题。本文为解决过程。

1、发现问题

• 一位同事截图，Pixel 手机上的 Logo 显示成白色块了。如下：

2、查找资料

• 问题出现后，查询了大量相关资料，终于在相关网站找到 Android 通知的相关剖析

• 相关解析：
  • 1、小图标：必须提供，通过 setSmallIcon() 进行设置。
  • 2、应用名称：由系统提供。
  • 3、时间戳：由系统提供，但您可以使用 setWhen() 替换它或者使用 setShowWhen(false) 隐藏它。
  • 4、大图标：可选内容（通常仅用于联系人照片，请勿将其用于应用图标），通过 setLargeIcon() 进行设置。
  • 5、标题：可选内容，通过 setContentTitle() 进行设置。
  • 6、文本：可选内容，通过 setContentText() 进行设置。

3、问题出现的原因

• 安卓要求所有的图片必须为透明背景的 PNG 文件格式，否则将显露白色。
• 相关链接：https://clevertap.com/blog/fixing-notification-icon-for-android-lollipop-and-above/

4、解决方案

• 知道了问题出现的原因，问题就好解了。最后，当然是找设计师重新弄一份 PNG 格式的图片啦。

5、参考资料：

• https://developer.android.com/guide/topics/ui/notifiers/notifications.html?hl=zh-cn
• https://clevertap.com/blog/fixing-notification-icon-for-android-lollipop-and-above/
• https://blog.csdn.net/SImple_a/article/details/103594842