CODEWITHSUNDEEP
androidiosreact-nativeexpo
zaki tutu
zaki tutu

Reputation: 685

How to customize icon of expo push notifications?

I'm sending push notifications to an expo app, and I would like to customize the icon of the notification. How can this be done?

Upvotes: 9

Views: 19583

Answers (2)

Null Bite
Null Bite

Reputation: 127

I used expo-notification package for receiving notifications,

I needed to add extra configurations in the plugin section.

And also it needs to be all white and with transparent background.

"plugins": [
      [
        "expo-notifications",
        {
          "icon": "./assets/images/notification-icon.png"
        }
      ]
    ],

Upvotes: 1

hong developer
hong developer

Reputation: 13906

It can be set in app.json in Expo.

"notification"

Configuration for remote (push) notifications.

{
   "expo":{
      "name":"firstApp",
      "description":"firstApp",
      "slug":"firstApp",
      "privacy":"public",
      "sdkVersion":"31.0.0",
      "notification":{
         "icon":"./assets/images/iconPushNotification.png"
      },
      "ios":{
         "bundleIdentifier":"com.firstApp.firstApp"
      },
      "android":{
         "package":"com.firstApp.firstApp",
         "versionCode":1,
         "permissions":[
            ""
         ]
      },
      "platforms":[
         "ios",
         "android"
      ],
      "version":"1.0.0",
      "orientation":"portrait",
      "icon":"./assets/images/robot-prod.png"
   }
}

If your app is a stand-alone app,(use Expokit)

ExpoKit: To change the notification icon, edit or replace the shell_notification_icon.png files in android/app/src/main/res/mipmap-. On iOS, notification icons are the same as the app icon. All other properties are set at runtime.

Upvotes: 10

Related Questions