跳转到主内容
趣航编程网 - 趣学编程,启航技术之路!

uni-app如何实现应用图标角标 uni-app设置桌面未读消息数

plus.runtime.setBadgeNumber在安卓上基本不可靠,因Android原生不支持角标,需依赖厂商ROM私有实现;真正可行方案是集成推送SDK(如JPush、HMS Push)或使用UTS原生插件,并确保通知权限已开启。 plus.runtime.setBadgeNumber 在安卓上基本不可靠 直接调用
plus.runtime.setBadgeNumber(5)
想让桌面图标显示“5”,在绝大多数安卓机型上会静默失败——不是你代码写错了,是 Android 原生根本不支持角标(Badge)这个概念。华为、小米、OPPO 等厂商各自在 ROM 里补了私有实现,但接口不统一、权限不一致、行为难预测。 常见错误现象包括: • 调用后无任何反应,也不报错 • 小米机上只响应广播
android.intent.action.APPLICATION_MESSAGE_UPDATE
,其他方式无效 • 华为需手动开启“角标管理”权限,且仅对系统通知渠道生效 • vivo/OPPO 多数只认极光(JPush)推送里的
badge
字段,本地调用直接忽略 • 三星、魅族、一加等机型表现碎片化,有的只在锁屏时显示,有的点击后自动清零 所以别把它当主力方案,它只是 H5+ 引擎提供的一个兼容性极差的兜底尝试。 真正能落地的两种方案:推送 SDK 或 UTS 原生插件 如果你的应用已接入极光(JPush)、个推、华为 HMS Push 等 SDK,优先走它们的 badge 控制链路——这是目前唯一被厂商官方适配、有文档、有回调验证的路径。 JPush:服务端推送时填
badge: "+1"
,客户端收到后自动叠加;也可用
JPush.setBadge(99)
主动同步(需 SDK ≥ 4.4.0) HMS Push:调用
HmsPush.setBadgeNumber(99)
,但仅对华为手机生效,且需在 AppGallery Connect 配置角标开关 原生插件方案:如
@/uni_modules/xtf-brage
或
hans-badge-setter
,内部自动判断机型并分发调用(小米走广播、华为走 ContentProvider、vivo 走反射) 注意:所有方案都依赖「通知权限」。若用户关闭了应用的通知权限,角标必然不显示——你得先调用
uni.authorize({scope: 'scope.notification'})
并引导用户手动开启。 鸿蒙 Next 必须用 UTS 插件,plus 对象已失效 鸿蒙 Next 不再兼容 H5+ 的
plus
对象,
plus.runtime.setBadgeNumber
直接报错
ReferenceError: plus is not defined
。必须走标准鸿蒙原生能力桥接。 uni-app电商系统实战精讲课程课件 uni-app电商系统实战精讲课程 下载 实操要点: 新建
uni_modules
插件,类型选「UTS 插件-API 插件」,名称不能以
uni
开头(如
lp-setBadgeNumber
) 在
interface.uts
中调用鸿蒙原生 API:
app.setAppBadgeNumber()
(API 12+),低版本需通过
bundleManager.getBundleInfoForSelf()
兼容
package.json
中必须声明
"uni-ext-api": "lp-setBadgeNumber"
,否则 HBuilderX 不识别 别漏掉构建配置:鸿蒙项目需在
manifest.json → 模块权限
中勾选「设置应用角标」,否则运行时报错权限不足。 iOS 和原生 tabbar 角标是两回事,别混用 iOS 原生支持角标,
plus.runtime.setBadgeNumber
在 iOS 上可用,但要注意: 它只影响主应用图标,不影响通知中心或锁屏界面 数字超过 99 会显示为 “99+”,无法自定义文字 用户手动清除通知后,系统可能自动归零,需监听
UIApplication.applicationIconBadgeNumber
变化做同步 而
uni.setTabBarBadge
是 uni-app 自己封装的底部 tabbar 角标,和桌面图标完全无关。它的
text
参数必须是字符串,比如
text: '6'
,传数字会失败;
uni.showTabBarRedDot
则只显示红点,不显示数字。 最容易被忽略的一点:安卓桌面角标和通知栏消息数量常被绑定(如小米),但并非所有机型都如此。你更新了角标数字,却没发对应通知,某些机型会立刻清零——所以角标更新最好和通知触发强耦合,而不是单独调用。

相关文章