Android Push Notification Icon

[apps30]

I am trying to setup push notification. I am using the following parameters in my PHP script:

$res = array();

$res[‘title’] = ‘This is title test’;

$res[‘body’] = ‘This is message test’;

$res[‘subtitle’] = ‘This is subtitle test’;

$res[‘tickerText’] = ‘This is tickerText test’;

$res[‘vibrate’] = 1;

$res[‘sound’] = 1;

$res[‘icon’] = ‘Icon-xxxhdpi’;

$res[‘largeIcon’] = ‘Icon-xxxhdpi’;

$res[‘smallIcon’] = ‘Icon-xxxhdpi’;        

But I am seeing the default android notification icon show. I did have the following icon files in my project root:

- Icon-hdpi.png

- Icon-ldpi.png

- Icon-mdpi.png

- Icon-xhdpi.png

- Icon-xxhdpi.png

- Icon-xxxhdpi.png

Do I miss anything?

Thanks!

[bjsorrentino]

Hi @apps30,

You might also find this guide section useful. I recently updated it to reflect the sizes of the required push notification icons as well.

https://docs.coronalabs.com/guide/events/appNotification/index.html#android-icons

Best regards,

Brent

[apps30]

Hi @Brent,

I added those notification icon listed on your link. It shows a white square notification icon (not my icon file). Any other configuration I missed?

Do I actually need to following fields in my PHP script?

$res[‘icon’] = ‘Icon-xxxhdpi’;

$res[‘largeIcon’] = ‘Icon-xxxhdpi’;

$res[‘smallIcon’] = ‘Icon-xxxhdpi’;    

Thanks!

[bjsorrentino]

Hi @apps30,

I assume you did the other noted steps above that list of icons?

https://docs.coronalabs.com/guide/events/appNotification/index.html#android-setup

By the way, which push notification service/method are you using?

Brent

[apps30]

Do you mean this one? https://gcm-http.googleapis.com/gcm/send

I can get the notification but just the icon is not correct. The “other noted steps” are done before.

[apps30]

@Brent

I found the icon will show if I change all the notification icon to black and white only. How can I support color notification icon?

It shows a gray circle background with a small icon in the middle. It doesn’t look like a normal notification icon I saw from other app. I attached the icon I want. It should have the app icon + the notification icon.

Thanks!

[bjsorrentino]

Hi @apps30,

Although the Google documentation is long, there are some very important points mentioned. In specific:

• Status bar icons are composed simply of white pixels on a transparent backdrop , with alpha blending used for smooth edges and internal texture where appropriate.
• Status bar icons are flat, pictured face on, and must be white on a transparent background.

So basically, Google wants you to follow their guidelines… and if you don’t, they’re liable to reject your app when submitted to Google Play.

Best regards,

Brent

[apps30]

Hi Brent,

I saw the google documentation. Notification icon is purely gray and white. I think that is okay for status bar icon. However, for the notification icon in the popup dialog, the screenshot I attached, is showing the app icon (I think) + a small notification icon in the bottom left. 

So, the black and white notification is still there (I think should be still under the google guideline). I should change my question to: how (or is it possible) to add app icon behind the notification icon in the popup dialog like my attached screenshot from other app.

Also, some of the app can have difference background color of the notification icon like gmail icon is in red background not gray. Is it possible to change this color as well? is it a setting in corona? 

Edit:

I found this document: https://fcm.googleapis.com/fcm/send

it supports “color” and “icon” parameters. The icon parameter doesn’t look like is an image path on the server.  And I tried to set the color value to “#ff0000” but it doesn’t work.

Thanks!

[bjsorrentino]

Hi @apps30,

What plugin/service are you using on for push notifcations? Not the server-side stuff, but what handles the notifications on the device side…

Brent

[apps30]

        [“plugin.notifications”] =

        {

            publisherId = “com.coronalabs”

        },

[Joshua_Quick]

Corona doesn’t use the app icon as the “large” notification icon on Android.  In fact, we never apply a “large” notification icon.  The notification icons you provide are used as the “small” notification icon that you see in the top status bar, and since we never apply a large icon, the Android OS scales up this small notification icon in the notification list.  I’ve confirmed that this is how it works on Android 7.0 and older OS versions.

Also, you cannot set the notification icon via an HTTP request like you’re doing.  You hard code them on the app’s end by adding PNGs to your project as documented here…

   https://docs.coronalabs.com/guide/events/appNotification/index.html#android-icons

So, if you are seeing your app icon in the notification list then this tells me one of the following is happening:

• You’re using a 3rd party notification library and not Corona’s notifications plugin/feature.  If you are using a 3rd party plugin, then you have to follow that plugin’s documentation instead.
• Your device is a fork of the Android OS (non-standard) and it doesn’t following Google’s documented rules.

I also recommend that you try running Corona’s sample project “System/LocalNotifications” that is included with the Corona Simulator.  That project will post Corona’s default notification icon to the status bar, which looks like a triangle with an exclamation mark in it.

[apps30]

Thanks for the detail reply. Do you know any 3rd party notification library can do this?

[Joshua_Quick]

I think you’re missing my point.

Corona’s notification feature does NOT use the app icon for notifications.

Trust me.  I know.  I’ve seen the code.  So, something unusual is happening here.

Try building the “System/LocalNotifications” sample project as-is and run it on your Android device.  Tap the “Start With Time” button and then press the Home button to see what the icon looks like in the status bar.

[apps30]

I am still seeing the triangle icon not the app icon in the “LocalNotifications” demo app.

[Joshua_Quick]

Right. That’s how it’s supposed to work with Corona’s notifications feature.

Wait… are you saying you want to see the app icon in the notifications list?

[apps30]

yes. I think I found the answer. The OneSignal plugin can do what I want. I am trying to move all my notification to OneSignal now. Anyway, thanks for the help!

[bjsorrentino]

Hi @apps30,

You might also find this guide section useful. I recently updated it to reflect the sizes of the required push notification icons as well.

https://docs.coronalabs.com/guide/events/appNotification/index.html#android-icons

Best regards,

Brent

[apps30]

Hi @Brent,

I added those notification icon listed on your link. It shows a white square notification icon (not my icon file). Any other configuration I missed?

Do I actually need to following fields in my PHP script?

$res[‘icon’] = ‘Icon-xxxhdpi’;

$res[‘largeIcon’] = ‘Icon-xxxhdpi’;

$res[‘smallIcon’] = ‘Icon-xxxhdpi’;    

Thanks!

[bjsorrentino]

Hi @apps30,

I assume you did the other noted steps above that list of icons?

https://docs.coronalabs.com/guide/events/appNotification/index.html#android-setup

By the way, which push notification service/method are you using?

Brent

[apps30]

Do you mean this one? https://gcm-http.googleapis.com/gcm/send

I can get the notification but just the icon is not correct. The “other noted steps” are done before.