Monaca Onsen UI Discord Chat Github Repo

fcm_push_icon.png



  • Where do I put the reference to this icon in the config.xml?

    <icon src="/res/android/icon/fcm_push_icon.png"/>
    

  • Onsen UI

    Typically the icons go inside their respective platform tag. So, this should probably go inside <platform name="android"></platform>.



  • Yes, knew that of course, I tried it like this:

      <platform name="android">
        <allow-intent href="market:*"/>
        <splash src="/res/android/screen/splash-port-xhdpi.png" density="port-xhdpi"/>
        [...]
        <icon src="/res/android/icon/xxxhdpi.png" density="xxxhdpi"/>
        [...]
        <icon src="/res/android/icon/fcm_push_icon.png"/>
      </platform>
    

    where the rest of the content is created by “Android App Configuration” in Monaca.
    Just adding my line to the end (and uploading the png to that folder) doesn’t work.

    I saw some examples searching online, but they use a different folder-structure then is created by Monaca (like Android Asset Studio Notification icon generator).

    (My goal is for this https://github.com/fechanique/cordova-plugin-fcm plugin to show a different icon for the statusbar notification as stated there:

    "For Android >5.0 status bar icon, you must include transparent solid color icon with name 'fcm_push_icon.png' in the 'res' folder in the same way you add the other application icons. If you do not set this resource, then the SDK will use the default icon for your app which may not meet the standards for Android >5.0."
    


  • Anybody knows how to use this solid color icon for Android > 5.0?

    Also a related problem (I think) I have with this cordova plugin is with GoogleService-Info.plist
    I copied this file to the root in the Monaca IDE, but I get an error running it on a iOS-device.
    I see related suggestions for this problem talking about copying it to

    /platforms/ios/yourAppNameFolder/Resources/Resource/GoogleService-Info.plist
    

    This Cordova folder-structure is different then the one in the Monaca IDE.
    How do these folder structures relate?


  • Monaca

    @Bassie
    I checked cordova-plugin-fcm but I am not sure where exactly the icon files should be. The documentaion is not clear enough. So based on this answer, you can set the following configuration for the icon files:

    <platform name="android">   
        ...
        <resource-file src="www/res/mipmap-xxxhdpi/fcm_push_icon.png" target="res/mipmap-xxxhdpi/fcm_push_icon.png" />
        <resource-file src="www/res/mipmap-xxhdpi/fcm_push_icon.png" target="res/mipmap-xxhdpi/fcm_push_icon.png" />
        <resource-file src="www/res/mipmap-xhdpi/fcm_push_icon.png" target="res/mipmap-xhdpi/fcm_push_icon.png" />
        <resource-file src="www/res/mipmap-mdpi/fcm_push_icon.png" target="res/mipmap-mdpi/fcm_push_icon.png" />
        <resource-file src="www/res/mipmap-ldpi/fcm_push_icon.png" target="res/mipmap-ldpi/fcm_push_icon.png" />
        <resource-file src="www/res/mipmap-hdpi/fcm_push_icon.png" target="res/mipmap-hdpi/fcm_push_icon.png" />
        ...
    </platform>
    

    The above setting will place the icons at the target location during the build. You can extract APK file to see them.