Giters

OneSignal / OneSignal-Cordova-SDK

OneSignal is a free push notification service for mobile apps. This plugin makes it easy to integrate your Ionic, PhoneGap CLI, PhoneGap Build, Cordova, or Sencha Touch app with OneSignal. Supports Android, iOS, and Amazon's Fire OS platforms. https://onesignal.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[question]: Custom push notification icon in Ionic Capacitor

ayokay123 opened this issue · comments

commented

How can we help?

I'm currently encountering an issue while attempting to add the ic_stat_onesignal_default icon in a Capacitor project for Android. The documentation provides information on manually creating icons but does not specifically cover the Capacitor case.

I initially attempted to include the default icon inside capacitor-cordova-android-plugins, but after running npm run build && npm run sync, the updates I made were not reflected.

Now, I'm seeking guidance on the appropriate location to add the default icon for Capacitor. I've considered placing it either in app->src->main->AndroidManifest.xml or app->src->main->xml->config.xml. However, I'm unsure of the correct approach.

Has anyone encountered a similar situation with Capacitor and successfully resolved it? Some guidance would be appreciated.

Folder structure:
image

Code of Conduct

  • I agree to follow this project's Code of Conduct
commented

I followed the same documentation and have the icons in the folder structure defined here:
image

I have not even got a capacitor-cordova-android-plugins folder.

I have not tested this yet as the documentation also refers to updating config.xml file that does not exist either.

commented

It seems to work - kindof. I get a large icon to the left of the message as expected. To the right of the message I get something a bit odd looking :D

commented

OK this is now working as expected. I created a monochrome .png as per the docs and used
https://romannurik.github.io/AndroidAssetStudio/icons-notification.html#source.space.trim=1&source.space.pad=0&name=ic_stat_onesignal_default
to generate the required folders/images. These folders can just be dropped straight into android/app/src/main/res.

I then put a full colour 256x256 png into drawable-xxxhdpi called ic_onesignal_large_icon_default.png (this gets displayed in the message body).

I then specified an accent-color for the small icon. You can pass this on the createNotification REST API call or via the method described here https://documentation.onesignal.com/docs/customize-notification-icons#set-default-small-icon-and-accent-colors

Seemed to work just fine with no other config.

commented

Yup worked for me as well 🙌