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
        }
    }
相关推荐
机智的张尼玛15 小时前
我基于 Kotlin Multiplatform 实现了一套跨平台的弱网离线同步引擎
android·开源·kotlin
程序员老刘17 小时前
老刘给大家道个歉
flutter·ai编程
安卓修改大师18 小时前
安卓修改大师反编译引擎Apktool深度解析:版本选择、参数说明与实战技巧
android
error:(18 小时前
【系统与实战双精通】VS Code 调试 ROS2 Python 节点与 Launch 系统指南
android·java·python
wulechun18 小时前
基于Python的Twitter数据挖掘实战全攻略:深度解析hrwhisper开源项目架构与从环境配置、API调用到情感分析及可视化的高级应用指南
智能手机
binbin_5218 小时前
Flutter 开发鸿蒙实战:Windows 环境下从 HAP 构建到四 Tab 页面运行
windows·flutter·harmonyos
阳光予你20 小时前
Flutter 字体渲染与字重
flutter
黄林晴20 小时前
Kuikly 是什么?和KMP有什么关系?
android·前端
帅次20 小时前
Android 高级工程师面试:Kotlin 语法基础 近1年高频追问 22 题
android·面试·kotlin·扩展函数·空安全
想你依然心痛21 小时前
嵌入式日志系统:分级日志、环形缓冲区与远程输出——运行时调试、非侵入
android·前端·javascript