bug(badge): `set(...)` only works after creating a notification.

[mahen23]

Plugin version:

    "@capawesome/capacitor-badge": "^2.0.2",

Platform(s):

generic #91~18.04.1-Ubuntu SMP Fri Jul 23 13:36:29 UTC 2021 x86_64 x86_64 x86_64 GNU/Linux

Current behavior:

Using Badge.set does not work, but works after creating a notification

Expected behavior:

Badge.set should work fine.

Steps to reproduce:

Badge.clear();
Badge.set({count: 10});
console.log("Badge Count: ", Badge.get()); // count is 0

Related code:

 Badge.clear();
    Badge.set({count: 10});
    console.log("Badge Count: ", Badge.get()); //count is 0

Other information:

Capacitor doctor:

💊 Capacitor Doctor 💊

Latest Dependencies:

@capacitor/cli: 4.6.2
@capacitor/core: 4.6.2
@capacitor/android: 4.6.2
@capacitor/ios: 4.6.2

Installed Dependencies:

@capacitor/cli: 4.4.0
@capacitor/ios: 4.4.0
@capacitor/core: 4.4.0
@capacitor/android: 4.4.0

[success] Android looking great! 👌

insert the output from `npx cap doctor` here

[robingenz]

Can you provide a screen recording so that I better understand the problem?

[mahen23]

Can you provide a screen recording so that I better understand the problem?

Here is a screen recording, best i could do with the little time: https://youtu.be/7vF5-MqqW20

Here is my code:

  setBadge() {
    console.log("Setting badge count to: ", this.badgeCount);
    Badge.set({ count: this.badgeCount });
    console.log("Get Badge Count: ", Badge.get());
    
  }

[robingenz]

You need to await the promise:

 function async setBadge() {
    console.log("Setting badge count to: ", this.badgeCount);
    await Badge.set({ count: this.badgeCount });
	const result = await Badge.get();
    console.log("Get Badge Count: ", result);
}

[felipenunesdev]

I'm facing the same problem in Android.

I've got this reponse from plugin in Chrome console:

{ "callbackId": "57652480", "pluginId": "Badge", "methodName": "set", "options": { "count": 2 } }

But the icon badge is not showing.

[robingenz]

@felipenunesdev The app needs to be installed as PWA.

Edited: I updated the docs.

[felipenunesdev]

@robingenz Thanks for your reply!

Actually I'm using a native app. In IOS it works like a charm, the icon badge shows the correct counter, but in Android the badge is not showing.

[felipenunesdev]

@robingenz the Badge.get() method returns the correct counter value. Other apps I have installed on my phone, shows the icon badge correctly. So I assume that the android launch version is not the problem.

[robingenz]

@felipenunesdev Please have a look at the documentation:

On Android not all launchers support badges. This plugin uses ShortcutBadger. All supported launchers are listed there.

Not all Android launcher are supported. Please have a look at ShortcutBadger and check if your device is supported.

If you have more questions, please create a new issue.