Flutter 鸿蒙化实战:flutter_barcode_scanner 适配 OpenHarmony

前言

随着鸿蒙生态的快速发展,越来越多的 Flutter 应用需要适配 OpenHarmony 平台。但生态早期,大量常用三方库只有 Android / iOS 实现,鸿蒙侧只能自己造轮子。

为了解决这个问题,CPF-Flutter 社区对一批高频使用的 Flutter 三方库做了 OpenHarmony 平台适配,统一托管在 GitCode 的 CPF-Flutter 组织 下,全部通过 TAG 版本隔离、配套门禁编译验证,开箱即用。

本篇是系列文章之一,主角是 flutter_barcode_scanner —— 相机扫码插件。

flutter_barcode_scanner 是什么

flutter_barcode_scanner(原库 2.0.0)是一个调用系统相机扫描条码/二维码的插件:

  1. 一键扫描scanBarcode 拉起扫码页,返回识别结果字符串;
  2. 扫码结果流getBarcodeStreamRe(返回 Stream<String>)持续接收扫码事件;
  3. 样式定制lineColorcancelButtonTextisShowFlashIcon 定制扫码框颜色、取消按钮文案、是否显示闪光灯图标。

适配情况

Flutter 框架版本TAG 名称分支名
3.72.0.0-ohos-1.0.1master
3.222.0.0-ohos-1.0.1master
3.352.0.0-ohos-1.0.1master

快速接入

在 pubspec.yaml 中添加 git 依赖:

dependencies:
  flutter_barcode_scanner:
    git:
      url: https://gitcode.com/CPF-Flutter/fluttertpc_flutter_barcode_scanner.git
      # 按你的 Flutter 框架版本,从上方映射表选择对应 TAG
      ref: 2.0.0-ohos-1.0.1

执行:

flutter pub get

使用示例

import 'package:flutter_barcode_scanner/flutter_barcode_scanner.dart';

// 打开相机扫码,返回结果字符串
String barcode = await FlutterBarcodeScanner.scanBarcode(
  '#ff6666',          // 扫码框颜色
  '取消',             // 取消按钮文案
  true,               // 是否显示闪光灯图标
  ScanMode.BARCODE,   // 扫描模式
);

if (barcode.isNotEmpty) {
  print('扫描结果: $barcode');
} else {
  print('用户取消');
}

API 支持一览

API说明ohos 支持
scanBarcode打开相机扫码并返回结果yes
getBarcodeStreamRe获取扫码事件流yes
lineColor扫码框颜色yes
cancelButtonText取消按钮文案yes
isShowFlashIcon是否显示闪光灯图标yes

[!TIP] ohos Support 为 yes 表示鸿蒙平台支持该能力,使用方式与 iOS / Android 保持一致。

仓库地址

  • OpenHarmony 适配仓库:https://gitcode.com/CPF-Flutter/fluttertpc_flutter_barcode_scanner
  • 使用问题反馈:请到 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

本系列后续会陆续挑选高频库展开讲解,比如录音(record_mp3)、自定义光标(flutter_custom_cursor)、全局异常捕获(catcher)等。

如果你的 Flutter 应用正在计划适配鸿蒙,欢迎关注 CPF-Flutter 组织,也欢迎参与共建。

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐