Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to Change the Android Notification Icon/Status Bar Icon for Push-notification in #flutter?

I want to replace the default Icon with my own icon for Push-notifications.

Now the App show the Icon as White box .

like image 696
Ajay Kumar Avatar asked Oct 10 '17 21:10

Ajay Kumar


People also ask

How do I change my push notifications icon?

Navigate to Messages > New Push > Platform Settings > Google Android Options > Set the icon name without the file extension. With Large Notification Icons, you can also supply a URL where the icon will be displayed from.

How do I change the status bar icon on Android?

To customize it, first pull down the slider bar from the top of the screen. Next, tap on the three vertical dots in the top right corner. Now click on Status bar. You're in.

What is a push notification icon?

Push notifications are automated notifications that the app sends mobile users if the push notification feature is enabled. When a push notification is sent, Android devices show a small push icon in the status bar and notification drawer.


1 Answers

Ajay's answer is correct, but to expand on it a bit:

  1. Create your mipmap notification icon. You can do this easily using Roman's Notification Icon Generator - Click on "Notification Icon Generator"

  2. On the left panel, click "Image" to upload your own image or use ClipArt or text as provided.

  3. After you're done, click the download button in the upper-right to download the zip file.

  4. In the zip file, your icon files will be in individual directories with the same name as your mipmap directories in your project directory (e.g., "mipmap-hdpi", "mipmap-mdpi", etc.). Move the icon files to their respective folders within your project.

  5. In your AndroidManifest.xml file (located at android/app/src/main/AndroidManifest.xml), add the meta-data within the "application" tag:


<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.your.package">

    <application
        android:name="com.your.package.Application"
        android:label="YourAppName"
        android:icon="@mipmap/launcher_icon">

        <meta-data
          android:name="com.google.firebase.messaging.default_notification_icon"
          android:resource="@mipmap/your_icon_file_name" />
  1. Save your file. You may need to stop and restart or uninstall and reinstall your app for the notification icon to start showing.

  2. Your icon is probably white, so if you want to change the color you can add the following meta-data tag below the icon meta-data tag you just added:

        <meta-data
          android:name="com.google.firebase.messaging.default_notification_color"
          android:resource="@android:color/black" />

That will change the icon to black, but you can set your own colors in res/values as stated here: Android System Color Constants

Information about the meta-data tags is here: https://firebase.google.com/docs/cloud-messaging/android/receive

like image 180
J. Saw Avatar answered Sep 29 '22 20:09

J. Saw