HarmonyOS鸿蒙Next中uniapp适配开发，软件图标右上角的角标清除不掉，有相关文档参考吗

HarmonyOS鸿蒙Next中uniapp适配开发，软件图标右上角的角标清除不掉，有相关文档参考吗 【问题描述】：uniapp适配鸿蒙开发，桌面图标的通知角标一直没办法清除，有没有方法可以参考？

【问题现象】：

cke_3769.png

【版本信息】：

系统版本6.0

uniappx vue3

【复现代码】：不涉及


更多关于HarmonyOS鸿蒙Next中uniapp适配开发，软件图标右上角的角标清除不掉，有相关文档参考吗的实战教程也可以访问 https://www.itying.com/category-93-b0.html

6 回复

【解决方案】

开发者你好，可以采用以下方案：

  1. 使用标准uni接口替代。
  2. 使用UTS插件桥接调用ArkTS： 调用HarmonyOS API和嵌入HarmonyOS组件。

调用uni.setBadgeNumber可以解决，可以在UTS插件中调用：

| 设置应用图标显示的角标数字 | plus.runtime.setBadgeNumber | 标准uni接口 | uni.setBadgeNumber |

更多关于HarmonyOS鸿蒙Next中uniapp适配开发，软件图标右上角的角标清除不掉，有相关文档参考吗的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


修改后现在变成了，推送消息，但是角标清除后一直都是0了，不会增长。

onShow: function 0 {// 清除角标

// #ifdef APP-HARMONY

uni.setAppBadgeNumber(0);

//鸿蒙专属代码

26-3

// #endif }

使用uni.setBadgeNumber方法可以解决问题，在uts插件内调用。

可以参考文档：管理通知角标和如何设置应用通知角标，你是混合uniapp开发的吗？

鸿蒙Next中角标清除需使用HarmonyOS原生能力。Uniapp适配需调用BadgeManager接口的removeBadge方法。具体参考华为开发者文档中"应用图标角标管理"章节，查看BadgeManager API使用说明。角标清除失败可能因参数配置或权限问题导致，需检查应用配置文件及API调用方式。

在HarmonyOS Next中，桌面应用图标角标（Badge）的管理属于系统级能力，通常由应用内的通知触发。对于使用uni-app进行适配开发的情况，角标的清除主要依赖于对HarmonyOS通知API的正确调用。

目前，清除角标的标准做法是通过HarmonyOS的通知管理模块（@ohos.notificationManager）来实现。角标数字通常与通知的发布和取消绑定。当应用取消所有相关通知，或显式调用角标清除接口后，系统角标应被移除。

核心步骤参考：

  1. 取消通知：角标常伴随通知存在。确保在业务逻辑完成（如消息已读）后，调用 notificationManager.cancelAllNotifications() 或根据通知ID取消特定通知。
  2. 显式清除角标：HarmonyOS提供了设置应用角标数量的接口。可以通过调用 notificationManager.setBadgeNumber() 方法，将角标数量设置为0来直接清除。
    // 示例代码（需在HarmonyOS工程中调用原生接口）
import notificationManager from '@ohos.notificationManager';
try {
    notificationManager.setBadgeNumber(0, (err) => {
        if (err) {
            console.error(`Set badge number failed, code is ${err.code}, message is ${err.message}`);
            return;
        }
        console.info('Set badge number success.');
    });
} catch (error) {
    console.error(`Set badge number failed, code is ${error.code}, message is ${error.message}`);
}

对于uni-app适配的特别说明：

由于uni-app框架本身可能尚未完全封装HarmonyOS Next的角标管理API，您可能需要通过uni-app的原生插件或条件编译方式，在HarmonyOS平台下直接调用上述原生接口。请检查您的uni-app项目是否已集成HarmonyOS原生模块，并确保在HarmonyOS环境下执行角标清除逻辑。

文档参考：

  • HarmonyOS官方文档中关于通知管理的部分，具体是“通知角标”相关接口。
  • uni-app官方文档中关于HarmonyOS Native扩展或条件编译的说明，以了解如何在uni-app中调用HarmonyOS原生能力。

排查建议：

请确认清除角标的代码逻辑已在HarmonyOS环境下正确执行，并且应用拥有必要的权限（例如ohos.permission.NOTIFICATION_CONTROL）。如果问题仍存在，建议在HarmonyOS Next的真机或模拟器上，通过日志检查角标清除接口的实际调用情况与返回结果。

回到顶部