轻松解决Flutter+Firebase推送消息的状态栏图标显示问题

后端

2022-12-07 23:41:14

Android真机推送消息状态栏图标显示问题：终极指南

**子
引言

推送消息是提升应用程序参与度和用户保留率的重要工具。然而，在使用Flutter+Firebase开发应用程序时，您可能会在Android真机上遇到推送消息状态栏图标显示白色方块或白底的问题。这是一种令人沮丧的问题，会损害您的用户体验。

问题根源

这个问题源于在创建通知渠道时未正确配置。通知渠道是Android系统用来管理通知的管道，其中包括图标、文本大小和颜色等设置。如果没有正确配置通知渠道，就会导致图标显示白色方块或白底。

解决方案

要解决这个问题，我们需要对通知渠道进行合理的配置。以下步骤将指导您完成这一过程：

打开AndroidManifest.xml文件
在<application>标签内添加以下代码：

<meta-data android:name="com.google.firebase.messaging.default_notification_channel_id"
           android:value="default_channel"/>

在<application>标签内添加以下代码：

<channel android:name="default_channel"
         android:importance="high"
         android:description="Default channel for notifications" />

在<application>标签内添加以下代码：

<style name="FirebaseMessaging.Notification.Title" parent="@android:style/TextAppearance.Material.Title">
    <item name="android:textSize">16sp</item>
    <item name="android:textColor">@color/black</item>
</style>
<style name="FirebaseMessaging.Notification.Body" parent="@android:style/TextAppearance.Material.Body1">
    <item name="android:textSize">14sp</item>
    <item name="android:textColor">@color/black</item>
</style>

在<application>标签内添加以下代码：

<style name="FirebaseMessaging.Notification.Default" parent="@android:style/TextAppearance.Material.Body1">
    <item name="android:textSize">14sp</item>
    <item name="android:textColor">@color/black</item>
</style>

在<application>标签内添加以下代码：

<style name="FirebaseMessaging.Notification.Action" parent="@android:style/TextAppearance.Material.Button">
    <item name="android:textSize">14sp</item>
    <item name="android:textColor">@color/black</item>
</style>

在<application>标签内添加以下代码：

<style name="FirebaseMessaging.Notification.BigTextStyle.BigText" parent="@android:style/TextAppearance.Material.Body1">
    <item name="android:textSize">14sp</item>
    <item name="android:textColor">@color/black</item>
</style>

在<application>标签内添加以下代码：

<style name="FirebaseMessaging.Notification.InboxStyle.SummaryText" parent="@android:style/TextAppearance.Material.Body1">
    <item name="android:textSize">14sp</item>
    <item name="android:textColor">@color/black</item>
</style>

在<application>标签内添加以下代码：

<style name="FirebaseMessaging.Notification.BigPictureStyle.BigPicture" parent="@android:style/TextAppearance.Material.Body1">
    <item name="android:textSize">14sp</item>
    <item name="android:textColor">@color/black</item>
</style>