Android empty bottom right square

On Android (tested on 4.x, 5.x and 6.x emulator as well as real device) I see an empty gray square in all received notifications (remote or local). It seems like an empty badge or something, however none of these settings are used.

By default the ic_launcher.png is used, this icon seems to be fine.

Versions: “react”: “15.3.2” “react-native”: “0.35.0” “react-native-push-notification”: “2.1.1”

Configuration:

PushNotification.configure({
  onRegister: (token) => {
    dispatch(actions.device.sendDeviceToken(token))
  },
  onNotification: (notification) => {
    console.log(notification)
  },
  senderID: Config.googleSenderId,
  permissions: {
    alert: true,
    badge: true,
    sound: true,
  },
  popInitialNotification: true,
  requestPermissions: false,
})

Log statement of received notification:

{
  foreground: false,
  userInteraction: true,
  id: "143778939",
  message: "Test local push notification"
}

[jawinn]

To be clear on the solution found in the comment here https://github.com/zo0r/react-native-push-notification/issues/99#issuecomment-227123083, after some back and forth trying to get it to work:

A transparent PNG called ic_notification.png needs to be created at various sizes and included within the different mipmap-* folders in /android/app/src/main/res/.

• /android/app/src/main/res/mipmap-mdpi/ic_notification.png - 24x24
• /android/app/src/main/res/mipmap-hdpi/ic_notification.png - 36x36
• /android/app/src/main/res/mipmap-xhdpi/ic_notification.png - 48x48
• /android/app/src/main/res/mipmap-xxhdpi/ic_notification.png - 72x72
• /android/app/src/main/res/mipmap-xxxhdpi/ic_notification.png - 96x96

Size guide ref: http://iconhandbook.co.uk/reference/chart/android/

If you don’t have a custom notification icon for you app, a good place to grab a generic one is from https://material.io/icons/

[simPod]

https://github.com/zo0r/react-native-push-notification/issues/99