Flutter Android Notification Icon (Grey Square)

Question

I'm using flutter_local_notifications and everything is ok on debug mode but when I checked it on my phone with release mode the icon is turning grey square.

I'm also using this tool to generate monochrome white icon using just clipart: AndroidAssetStudio

Physical Device: Samsung galaxy s10plus

It works fine on emulator because it is debug mode?
If I use launcher icon which is colored it works on my phone + release mode BUT grey square work on emulator. I've read that since lollipop notification icon should be monochrome.

Thanks!

score 14 · Answer 1 · answered Apr 19 '20 at 11:00

14

For others who might encounter the same issue.

You have to create /android/app/src/main/res/raw/keep.xml

<?xml version="1.0" encoding="utf-8"?>
<resources xmlns:tools="http://schemas.android.com/tools"
    tools:keep="@drawable/*" />

answered Apr 19 '20 at 11:00

superariesss

269
2
6

1

I'm running into this problem too, Any chance you could clarify your solution a bit? Is there anything else I need to do besides this? Do I need to create the raw directory? What is causing the problem? – barbecu Jul 10 '20 at 21:17
It works, I suspect that the icon is missing during release compilation. But it is just a guess – Tien Do Nam Nov 24 '20 at 14:25
2

This does not seem to work – anonymous-dev Nov 25 '21 at 13:08
3

Didn't work for me – Najib Jan 06 '22 at 17:46
Yes It is not working on release build. – Zilaid Apr 15 '22 at 17:06
Thanks this worked. i think the issue was the assets were being minified – Tonny Bawembye Jun 21 '22 at 13:33
1

https://developer.android.com/studio/write/tool-attributes#toolskeep Here is the explanation of their answer. – Zeke Willams Nov 04 '22 at 02:54
Yes, this did it. And thank you @ZekeWillams for pointing us into the docs. For @barbecu, it is just creating the directory named `raw` and inside it the file keep.xml with the snippet shared in the answer. Take a look at the docs if you or other guys have more doubts. – Iván Yoed Jan 08 '23 at 02:38

score 3 · Answer 2 · answered May 08 '22 at 09:06

I did the following and it worked for me:

Create a transparent and white notification icon (you can use the following tool: [AndroidAssetStudio]https://romannurik.github.io/AndroidAssetStudio/icons-notification.html#source.type=image&source.space.trim=1&source.space.pad=0&name=app_icon ) Download the zip folder, unzip and you'll see it contains a res folder with different drawable folders. Copy and paste the contents of the res folder in "android\app\src\main\res" path
Then open the AndroidManifest.xml file and add the following lines to it: ic_stat_calendar_today is the name of my notification icon. And each of the drawable folders that have been pasted contain a different size of icon with the same name.
If you want to change the color of the icon then check the above image. Add the metadata tag after the notification icon tag
Go to "android\app\src\main\res\values" and add a colors.xml file

<!-- Set custom default icon. This is used when no icon is set for incoming notification messages. -->
        <meta-data
            android:name="com.google.firebase.messaging.default_notification_icon"
            android:resource="@drawable/app_icon" />
        <!-- Set color used with incoming notification messages. This is used when no color is set for the incoming notification message.  -->
        <meta-data
            android:name="com.google.firebase.messaging.default_notification_color"
            android:resource="@color/colorAccent" />

colors.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!--    color red for android notification-->
    <color name="colorAccent">#BB2030</color>
</resources>

+++ AND if you use .show, you can add color in function:

_flutterLocalNotificationsPlugin.show(
        notification.hashCode,
        notification.title,
        notification.body,
        NotificationDetails(
          android: AndroidNotificationDetails(
            _channel.id,
            _channel.name,
            channelDescription: _channel.description,
            icon: 'app_icon',
            importance: Importance.max,
            priority: Priority.max,
            color: Color(0xFFBB2030),
          ),
        ),
        payload: jsonEncode(message.data),
      );

+++ References: https://github.com/flutter/flutter/issues/17941#issuecomment-622268132

Flutter Android Notification Icon (Grey Square)

2 Answers2

Linked