Flutter - Android 安卓 消息推送FireBase notification 手机状态栏图标不显示或 白板、白底问题。

一、问题:

使用flutter+firebase 开发进行消息推送时,安卓真机推送消息 状态栏的图标显示白色方块。

二、原因:

从Android 5.0(Lollipop)开始,随着Material Design的引入,Android的设计语言和UI经历了重大变革。在这个版本及之后的版本中,Android系统对通知图标的显示方式进行了调整。

在Android 5.0及更高版本中,当彩色图标作为通知图标显示在状态栏中时,系统会自动将该图标的颜色转换为白色,并将其放置在一个白色的背景方块中。这个设计决策是基于提高通知图标在各种状态栏背景颜色下的可见性和可读性。

这种自动将彩色图标转换为白色背景方块的行为引起了一些开发者和用户的关注和批评。其中的原因之一是,这种自动转换可能会破坏应用的原始设计风格和色彩方案,导致通知图标看起来不够精确或不符合应用的品牌形象。

为了解决这个问题,开发者通常采取以下策略:

  1. 使用白色图标:为了确保通知图标在任何背景下都有清晰的可见性,开发者可以选择使用白色版本的图标,并在通知时手动添加背景颜色。

  2. 调整设计策略:考虑到Android的通知图标设计规范,开发者可以在应用的设计阶段就为通知图标预先创建白色版本的图标,以适应系统的显示需求。

  3. 用户体验优化:在进行任何更改之前,开发者应该考虑用户体验和可用性。可以进行用户测试和反馈收集,以确定哪种通知图标设计最能满足用户的需求和偏好。

综上所述,从Android 5.0开始,状态栏中的通知图标设计和显示方式发生了变化,特别是对于彩色图标。为了确保最佳的用户体验和应用的视觉一致性,开发者需要根据Android的设计准则和系统行为进行适当的调整和优化。

总而言之就是安卓5后 不允许在通知栏使用彩色图标。

三、图标条件:

1.尽量大dpi 的正方形图片

2.格式:xxx.png

3.底色透明

4.在透明底色上 放一个图形。

例子:(为了演示用了黑色图形)

四、安卓配置

把上面的png 图片存到 安卓目录下src/main/res/drawable 中

配置 main文件夹下的 AndroidManifest.xml 文件。

<application>
........
......

// 添加下面代码

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

@drawable/icon_notification :(这是个文件路径) 你的图标

按照以上配置一般就可以了。

如果还是不行 就在firebase 推送消息的时候指定一下安卓的 notification icon :@drawable/icon_notification"

例如:

getMessage(message: IMessage):TokenMessage {
        return {
            notification: {
                title: message.title,
                body: message.body,
            },
            data: message.data ?? {
                score: '850',
                time: '2:45'
            },
            android: {
                notification: {
                    icon: "@drawable/icon_notification"
                }
            },
            apns: {
                payload: {
                    aps: {
                        badge: message.badge,
                        sound: 'default'
                    }
                }
            },
            token: message.token
        }
    }
相关推荐
爱吃沙鱼2 小时前
Charles安装证书过程(手机)
智能手机
丘狸尾2 小时前
[cisco 模拟器] ftp服务器配置
android·运维·服务器
普密斯科技2 小时前
手机外观边框缺陷视觉检测智慧方案
人工智能·计算机视觉·智能手机·自动化·视觉检测·集成测试
van叶~4 小时前
探索未来编程:仓颉语言的优雅设计与无限可能
android·java·数据库·仓颉
暗碳5 小时前
adb无线连接手机后scrcpy连接报错ERROR: Could not find any ADB device
adb·智能手机
Crossoads8 小时前
【汇编语言】端口 —— 「从端口到时间:一文了解CMOS RAM与汇编指令的交汇」
android·java·汇编·深度学习·网络协议·机器学习·汇编语言
li_liuliu9 小时前
Android4.4 在系统中添加自己的System Service
android
C4rpeDime11 小时前
自建MD5解密平台-续
android
鲤籽鲲13 小时前
C# Random 随机数 全面解析
android·java·c#
云云32115 小时前
怎么通过亚矩阵云手机实现营销?
大数据·服务器·安全·智能手机·矩阵