Flutter 鸿蒙化实战：flutter_app_badger 适配 OpenHarmony，应用角标

Flutter 鸿蒙化实战：flutter_app_badger 适配 OpenHarmony## 前言随着鸿蒙生态的快速发展，越来越多的 Flutter 应用需要适配 OpenHarmony 平台。但生态早期，大量常用三方库只有 Android / iOS 实现，鸿蒙侧只能自己造轮子。为了解决这个问题，CPF-Flutter 社区 对一批高频使用的 Flutter 三方库做了 OpenHarmony 平台适配，统一托管在 GitCode 的 CPF-Flutter 组织 下，全部通过 TAG 版本隔离、配套门禁编译验证，开箱即用。本篇是系列文章之一，主角是 flutter_app_badger ------ 应用角标（桌面红点/数字）插件。## flutter_app_badger 是什么flutter_app_badger（原库 1.5.0）用于在应用图标上显示/清除角标数字（未读数等）：1. 设置角标 ：updateBadgeCount(count) 更新角标数字；2. 清除角标 ：removeBadge() 移除角标；3. 能力判断 ：isAppBadgeSupported() 判断设备是否支持角标。## 适配情况| Flutter 框架版本 | TAG 名称 | 分支名 || --- | --- | --- || 3.7 | 1.5.0-ohos-1.0.0 | master || 3.22 | 1.5.0-ohos-1.0.0 | master || 3.27 | 1.5.0-ohos-1.0.0 | master || 3.35 | 1.5.0-ohos-1.0.0 | master |## 快速接入在 pubspec.yaml 中添加 git 依赖：yamldependencies: flutter_app_badger: git: url: https://gitcode.com/CPF-Flutter/fluttertpc_flutter_app_badger.git # 按你的 Flutter 框架版本，从上方映射表选择对应 TAG ref: 1.5.0-ohos-1.0.0执行：bashflutter pub get## 使用示例dartimport 'package:flutter_app_badger/flutter_app_badger.dart';// 判断是否支持角标final supported = await FlutterAppBadger.isAppBadgeSupported();// 设置未读数为 5await FlutterAppBadger.updateBadgeCount(5);// 清除角标await FlutterAppBadger.removeBadge();## API 支持一览| API | 说明 || --- | --- || updateBadgeCount(count) | 设置角标数字 || removeBadge() | 清除角标 || isAppBadgeSupported() | 判断是否支持角标 |> TIP 本库鸿蒙版与上游 API 对齐，接入方式与 iOS / Android 一致。## 仓库地址- OpenHarmony 适配仓库：https://gitcode.com/CPF-Flutter/fluttertpc_flutter_app_badger- 使用问题反馈：请到 CPF-Flutter 社区 Issues 提交问题（社区统一收集跟进）；本仓库 Issues 区亦可。## 系列预告截至目前，CPF-Flutter 社区已完成 250+ 个 Flutter 三方库的 OpenHarmony 平台适配，覆盖权限管理、UI 组件、设备信息、位置服务、媒体处理、网络、支付等多个领域，完整的适配清单（含每个库的版本映射表）见：- 适配总览文档 ：https://gitcode.com/CPF-Flutter/docs/blob/main/ThirdpartyLibrarites.md- 仓库组织：https://gitcode.com/CPF-Flutter本系列后续会陆续挑选高频库展开讲解，比如文件预览（file_preview）、Apple 登录（the_apple_sign_in）、屏幕捕获（screen_capture_event）等。如果你的 Flutter 应用正在计划适配鸿蒙，欢迎关注 CPF-Flutter 组织，也欢迎参与共建。