react-native - 如何在 React Native 中的应用程序启动器图标上显示通知计数?

标签 react-native react-native-android react-native-ios

有没有办法在 React Native 中的应用启动器图标上显示图标计数?

我正在使用
"博览会": "29.0.0",
“ react ”:“16.3.1”,
“ react 原生”:“29.0.0”

Like this image

最佳答案

您可以尝试使用 react-native-firebase,它内部使用 ShortcutBadger 在 Android 上显示通知编号徽章:
https://rnfirebase.io/docs/v5.x.x/notifications/reference/Notifications
Android 中的徽章目前正在发生变化,之前它们仅受启动器支持,并且自 Android 8.0 起它们也受 Android 支持:
https://developer.android.com/training/notify-user/badges
因此,理解 react-native-firebase 如何支持 Android 上的徽章有点令人困惑。但我设法让它们部分工作,Android 9.0 设备显示它们,旧的 Android 设备(Honor8)在使用时显示它们

firebase.notifications().setBadge(1) 
但在收到通知时不会自动。我问后者正在尝试使用旧的基于启动器的徽章支持,要么我没有做正确的事情,要么我的启动器不受 ShortcutBadger 支持。
如果有人有想法,请分享?
如果您尝试使用 react-native-firebase,请记住将 ShortcutBadger 依赖项添加到 android/app/build.gradle,我还将 setShowBadge(true) 添加到创建的通知 channel (不确定是否需要,因为文档中没有提到)。否则我遵循安装文档。

关于react-native - 如何在 React Native 中的应用程序启动器图标上显示通知计数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54253130/

相关文章:

react-native - 从 BottomTabBar 中获取 SafeAreaView 的高度

react-native - 如何在 android 的 scrollview 中滚动 Webview?

react-native - 如何在 native react 中获取设备 token

javascript - 如何在 React Native 中将 base64 转换为 Blob?

javascript - React,将父级创建的引用传递给子级

react-native - 如何在 android 中从 react native app 播放 mov 视频?

reactjs - 如何将父组件的状态传递给子组件

node.js - 我的 npm install -g react-native-cli 不起作用

javascript - 如何在react-native中使用i18n-js将组件渲染为参数?

react-native - 说请将方法附加到此组件