Flutter 鸿蒙化实战:flutter_native_image 适配 OpenHarmony,原生图片压缩与缩小
·
Flutter 鸿蒙化实战:flutter_native_image 适配 OpenHarmony## 前言随着鸿蒙生态的快速发展,越来越多的 Flutter 应用需要适配 OpenHarmony 平台。但生态早期,大量常用三方库只有 Android / iOS 实现,鸿蒙侧只能自己造轮子。为了解决这个问题,CPF-Flutter 社区对一批高频使用的 Flutter 三方库做了 OpenHarmony 平台适配,统一托管在 GitCode 的 CPF-Flutter 组织 下,全部通过 TAG 版本隔离、配套门禁编译验证,开箱即用。本篇是系列文章之一,主角是 flutter_native_image —— 原生图片压缩插件。## flutter_native_image 是什么flutter_native_image(原库 0.0.6)调用平台原生能力对图片做压缩与按尺寸缩放,比纯 Dart 处理更快更省内存,常见于上传图片前的压缩。- compressImage:按质量/尺寸压缩本地图片;- getImageWithSize:按指定宽高缩放图片。## 适配情况| Flutter 框架版本 | TAG 名称 | 分支名 || — | — | — || 3.7 | 0.0.6_1-ohos-1.0.0 | master || 3.27 | 0.0.6_1-ohos-1.0.0 | master || 3.35 | 0.0.6_1-ohos-1.0.0 | master |已验证环境(3.35 为例):Flutter 3.35.8-ohos-0.0.1;SDK 6.0.1(21);DevEco Studio 6.0.1.260;ROM 6.0.0.120 SP6。> [!NOTE] 鸿蒙版当前适配 3.7 / 3.27 / 3.35(3.22 未在 README 兼容列表中)。## 快速接入在 pubspec.yaml 中添加 git 依赖:yamldependencies: flutter_native_image: git: url: https://gitcode.com/CPF-Flutter/flutter_native_image.git # 按你的 Flutter 框架版本,从上方映射表选择对应 TAG ref: 0.0.6_1-ohos-1.0.0执行:bashflutter pub get## 使用示例### 压缩图片dartimport 'package:flutter_native_image/flutter_native_image.dart';import 'package:flutter_native_image/native_image.dart';// 压缩:质量 80、宽高限制 1200final File compressed = await FlutterNativeImage.compressImage( '/sdcard/Pictures/original.jpg', quality: 80, targetWidth: 1200, targetHeight: 1200,);### 按尺寸缩放dartfinal File resized = await FlutterNativeImage.getImageWithSize( '/sdcard/Pictures/original.jpg', width: 600, height: 600,);## API 支持一览| API | 说明 | ohos 支持 || — | — | — || compressImage | 压缩图片(质量/尺寸) | yes || getImageWithSize | 按尺寸缩放 | yes |> [!TIP] ohos Support 为 yes 表示鸿蒙平台支持该能力,使用方式与 iOS / Android 保持一致。## 仓库地址- OpenHarmony 适配仓库:https://gitcode.com/CPF-Flutter/flutter_native_image- 使用问题反馈:请到 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本系列后续会陆续挑选高频库展开讲解,比如扫码(qr_code_scanner_plus)、Toast(fluttertoast)、日历(device_calendar)、语音合成(flutter_tts)等。如果你的 Flutter 应用正在计划适配鸿蒙,欢迎关注 CPF-Flutter 组织,也欢迎参与共建。
更多推荐



所有评论(0)