How to set Expo Notification Icon SDK38 properly?

How to / Third Party Tooling
1

Hey, there are several open issues with the correct handle of setting the small icon for push notificatins.
See: Expo notification icon is not rendered instead a white square in status bar and blue square in notification itself · Issue #9048 · expo/expo · GitHub for example.

My app.json looks like this.

{
  "expo": {
    "version": "0.2.5",
    "ios": {
      "supportsTablet": true,
      "bundleIdentifier": "com.test.app",
      "buildNumber": "0.2.5"
    },
    "android": {
      "package": "com.test.app",
      "versionCode": 25,
      "useNextNotificationsApi": true,
      "googleServicesFile": "./google-services.json"
    },
    "name": "Test App",
    "slug": "test",
    "privacy": "public",
    "platforms": ["ios", "android"],
    "orientation": "portrait",
    "icon": "./assets/icon.png",
    "splash": {
      "image": "./assets/splash.png",
      "resizeMode": "contain",
      "backgroundColor": "#002C56"
    },
    "updates": {
      "fallbackToCacheTimeout": 60
    },
    "assetBundlePatterns": ["**/*"],
    "notification": {
      "icon": "./assets/icon96.png",
      "color": "#002C56",
      "iosDisplayInForeground": true,
      "androidMode": "default"
    }
  }
}

And attached is my icon. Could you give us a small introduction of how we can fix this issue?
icon96
You can’t see the image, because it’s white :wink: Here the link: Dropbox - icon96.png - Simplify your life

1 Like
2

I found a workaround. It works, if you set the native app icon to the requred format. So if you specify the icon not globaly you can set the icon for ios and android like this:

...
    "ios": {
      "icon": "./assets/icon.png"
    },
    "android": {
      "useNextNotificationsApi": true,
      "icon": "./assets/push/icon96x96.png",
      "googleServicesFile": "./google-services.json"
    },
...

But that can’t be the final sulution?

3

Won’t this trash the android app icon? I don’t think this is a workable workaround. The actual workaround is to not use the next notifications API. the “old” API still works great.