How to display notification count on app launcher icon in react native?
Is there any way to show icon count on app launcher icon in react native?
I'm using
"expo": "29.0.0",
"react": "16.3.1",
"react-native": "29.0.0"
Like this image
react-native react-native-android react-native-ios
asked Jan 18 at 11:32
Ankush JainAnkush Jain
62
New contributor
Ankush Jain is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
Is there any way to show icon count on app launcher icon in react native?
I'm using
"expo": "29.0.0",
"react": "16.3.1",
"react-native": "29.0.0"
Like this image
react-native react-native-android react-native-ios
asked Jan 18 at 11:32
Ankush JainAnkush Jain
62
New contributor
Ankush Jain is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
Is there any way to show icon count on app launcher icon in react native?
I'm using
"expo": "29.0.0",
"react": "16.3.1",
"react-native": "29.0.0"
Like this image
react-native react-native-android react-native-ios
asked Jan 18 at 11:32
Ankush JainAnkush Jain
62
New contributor
Ankush Jain is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
Is there any way to show icon count on app launcher icon in react native?
I'm using
"expo": "29.0.0",
"react": "16.3.1",
"react-native": "29.0.0"
Like this image
react-native react-native-android react-native-ios
react-native react-native-android react-native-ios
asked Jan 18 at 11:32
Ankush JainAnkush Jain
62
New contributor
Ankush Jain is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
asked Jan 18 at 11:32
Ankush JainAnkush Jain
62
New contributor
Ankush Jain is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
edited Jan 18 at 11:38
Ankush Jain
asked Jan 18 at 11:32
Ankush JainAnkush Jain
62
New contributor
Ankush Jain is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
asked Jan 18 at 11:32
Ankush JainAnkush Jain
62
asked Jan 18 at 11:32
Ankush JainAnkush Jain
62
62
New contributor
Ankush Jain is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
New contributor
Ankush Jain is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
Ankush Jain is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
You can try using react-native-firebase, it internally use ShortcutBadger to show notification number badges on Android:
https://rnfirebase.io/docs/v5.x.x/notifications/reference/Notifications
The badges in Android is changing at the moment, earlier they were supported only by launchers and since Android 8.0 they are supported also by Android:
https://developer.android.com/training/notify-user/badges
So it is a little confusing to understand how react-native-firebase is supporting the badges on Android. But I managed to get them working partly, Android 9.0 device show them and older Android device (Honor8) show them when using firebase.notifications().setBadge(1) but not automatically when notifications are received. I quess the later one is trying to use the old launcher based badge support and either I have not done something correctly or my launcher is not supported by ShortcutBadger.
If someone have idea, please share?
If you try using react-native-firebase remember to add ShortcutBadger dependency to android/app/build.gradle and I also added setShowBadge(true) to Notification Channel created (Not sure if it was needed because it was not mentioned in documentation). Otherwise I followed the installation documentation.
answered Jan 18 at 14:13
SinunHenkkaSinunHenkka
417
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Ankush Jain is a new contributor. Be nice, and check out our Code of Conduct.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54253130%2fhow-to-display-notification-count-on-app-launcher-icon-in-react-native%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
You can try using react-native-firebase, it internally use ShortcutBadger to show notification number badges on Android:
https://rnfirebase.io/docs/v5.x.x/notifications/reference/Notifications
The badges in Android is changing at the moment, earlier they were supported only by launchers and since Android 8.0 they are supported also by Android:
https://developer.android.com/training/notify-user/badges
So it is a little confusing to understand how react-native-firebase is supporting the badges on Android. But I managed to get them working partly, Android 9.0 device show them and older Android device (Honor8) show them when using firebase.notifications().setBadge(1) but not automatically when notifications are received. I quess the later one is trying to use the old launcher based badge support and either I have not done something correctly or my launcher is not supported by ShortcutBadger.
If someone have idea, please share?
If you try using react-native-firebase remember to add ShortcutBadger dependency to android/app/build.gradle and I also added setShowBadge(true) to Notification Channel created (Not sure if it was needed because it was not mentioned in documentation). Otherwise I followed the installation documentation.
answered Jan 18 at 14:13
SinunHenkkaSinunHenkka
417
add a comment |
You can try using react-native-firebase, it internally use ShortcutBadger to show notification number badges on Android:
https://rnfirebase.io/docs/v5.x.x/notifications/reference/Notifications
The badges in Android is changing at the moment, earlier they were supported only by launchers and since Android 8.0 they are supported also by Android:
https://developer.android.com/training/notify-user/badges
So it is a little confusing to understand how react-native-firebase is supporting the badges on Android. But I managed to get them working partly, Android 9.0 device show them and older Android device (Honor8) show them when using firebase.notifications().setBadge(1) but not automatically when notifications are received. I quess the later one is trying to use the old launcher based badge support and either I have not done something correctly or my launcher is not supported by ShortcutBadger.
If someone have idea, please share?
If you try using react-native-firebase remember to add ShortcutBadger dependency to android/app/build.gradle and I also added setShowBadge(true) to Notification Channel created (Not sure if it was needed because it was not mentioned in documentation). Otherwise I followed the installation documentation.
answered Jan 18 at 14:13
SinunHenkkaSinunHenkka
417
add a comment |
You can try using react-native-firebase, it internally use ShortcutBadger to show notification number badges on Android:
https://rnfirebase.io/docs/v5.x.x/notifications/reference/Notifications
The badges in Android is changing at the moment, earlier they were supported only by launchers and since Android 8.0 they are supported also by Android:
https://developer.android.com/training/notify-user/badges
So it is a little confusing to understand how react-native-firebase is supporting the badges on Android. But I managed to get them working partly, Android 9.0 device show them and older Android device (Honor8) show them when using firebase.notifications().setBadge(1) but not automatically when notifications are received. I quess the later one is trying to use the old launcher based badge support and either I have not done something correctly or my launcher is not supported by ShortcutBadger.
If someone have idea, please share?
If you try using react-native-firebase remember to add ShortcutBadger dependency to android/app/build.gradle and I also added setShowBadge(true) to Notification Channel created (Not sure if it was needed because it was not mentioned in documentation). Otherwise I followed the installation documentation.
answered Jan 18 at 14:13
SinunHenkkaSinunHenkka
417
You can try using react-native-firebase, it internally use ShortcutBadger to show notification number badges on Android:
https://rnfirebase.io/docs/v5.x.x/notifications/reference/Notifications
The badges in Android is changing at the moment, earlier they were supported only by launchers and since Android 8.0 they are supported also by Android:
https://developer.android.com/training/notify-user/badges
So it is a little confusing to understand how react-native-firebase is supporting the badges on Android. But I managed to get them working partly, Android 9.0 device show them and older Android device (Honor8) show them when using firebase.notifications().setBadge(1) but not automatically when notifications are received. I quess the later one is trying to use the old launcher based badge support and either I have not done something correctly or my launcher is not supported by ShortcutBadger.
If someone have idea, please share?
If you try using react-native-firebase remember to add ShortcutBadger dependency to android/app/build.gradle and I also added setShowBadge(true) to Notification Channel created (Not sure if it was needed because it was not mentioned in documentation). Otherwise I followed the installation documentation.
answered Jan 18 at 14:13
SinunHenkkaSinunHenkka
417
answered Jan 18 at 14:13
SinunHenkkaSinunHenkka
417
answered Jan 18 at 14:13
SinunHenkkaSinunHenkka
417
answered Jan 18 at 14:13
SinunHenkkaSinunHenkka
417
417
add a comment |
add a comment |
Ankush Jain is a new contributor. Be nice, and check out our Code of Conduct.
Ankush Jain is a new contributor. Be nice, and check out our Code of Conduct.
Ankush Jain is a new contributor. Be nice, and check out our Code of Conduct.
Ankush Jain is a new contributor. Be nice, and check out our Code of Conduct.
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54253130%2fhow-to-display-notification-count-on-app-launcher-icon-in-react-native%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
