鸿蒙纪·Flutter卷#02 | 已有 Flutter 项目鸿蒙化 · 3.27.4 版

0.缘起

最近看到了 鸿蒙应用开发者激励计划 2025,力度非常大。感觉可以把之前的 Flutter 项目打包成鸿蒙,上架走一波。首先想到了我的开源项目: RegExpo, 文本正则匹配器。我就给它起个名字叫 正则通 吧,然后让 ChatGPT 给画个牛气轰轰的 logo 图标,走起 ~

移动端 - 亮 移动端 - 暗

接下来两篇文章,就来探索一下,个人开发者,如何把一个 Flutter 项目,上架到鸿蒙商店。本文主要介绍如何把已有的 Flutter 项目鸿蒙化。


1. 鸿蒙 Flutter 环境 · 3.27.X

写上一篇 《鸿蒙纪·Flutter卷#01》 时,鸿蒙最新的 Flutter 环境是 3.22.1,目前最新的 tag 已经支持 Flutter 3.27.X 了。一些环境配置方面的东西就不赘述了,可以参考上一篇。

这也是我一直在使用的 Flutter SDK 版本,正好来试一波能不能用。首先通过 git 更新鸿蒙 SDK,然后切到 3.27.5-ohos-0.1.0-beta 标签:

git pull

git checkout 3.27.5-ohos-0.1.0-beta


2.已有 Flutter 项目,支持鸿蒙

RegExpo 是目前已有的 flutter 项目,目前还不支持鸿蒙,下面就来一起改造吧~

使用鸿蒙的 flutter sdk 以后就将其称为 [h] flutter, 在当前项目下,创建 ohos 项目:

h\] flutter create --platforms ohos .


3. 三方插件的改造

对于三方插件来说,纯 Dart 的库是可以直接在鸿蒙上使用的。比如 RegExpo中用到的 flutter_blocdioflutter_slidable 等 :

而像 path_providersqflite 这样和平台相关的类库,需要兼容鸿蒙的库。他们不在 pub 上,而是由开源项目进行维护。有哪些插件支持了鸿蒙,可以在这个清单列表中查看: 《openharmony平台已兼容库》


在使用时,建议通过 dependency_overrides 覆盖依赖,这样不会影响以前的代码结构:

yaml 复制代码
dependency_overrides:
  sqflite:
    git:
      url: "https://gitee.com/openharmony-sig/flutter_sqflite.git"
      path: "sqflite"
      ref: master
      
  sqflite_common_ffi:
    git:
      url: "https://gitee.com/openharmony-sig/flutter_sqflite.git"
      path: "sqflite_common_ffi"
      ref: master
      
  file_picker:
    git: "https://gitee.com/openharmony-sig/fluttertpc_file_picker.git"
    
  path_provider:
    git:
      url: "https://gitcode.com/openharmony-tpc/flutter_packages.git"
      path: "packages/path_provider/path_provider"

  shared_preferences:
    git:
      url: "https://gitcode.com/openharmony-tpc/flutter_packages.git"
      path: "packages/shared_preferences/shared_preferences"

在项目文件夹下执行 flutter pub get,就可以看到 lock 文件中对应插件已经变成了支持鸿蒙版。


4. 打包项目

对于鸿蒙应用的打包,我推荐你使用 DevEco Studio 来打开项目中的鸿蒙应用。因为生成签名或配置项目在这里比较方面。目前IDE 的版本已经到了 5.1.1 , 请先升级之后再操作:


然后通过 flutter build hap --release 就可以打包为 hap 包了。大小为 19.0 MB 感觉稍微有点大,但还能接受。

h\] flutter build hap --release

此时项目就可以在鸿蒙上跑起来了, 打开模拟器,点击运行。完美展示 ~

主页 数据列表

5.踩坑点

DevEco Studio 5.1.1 有个非常神奇的坑,IDE 的自动签名会认证失败,这样没办法打包。新建一个 Hello World 的项目也是这样:

Error Message: Signature material verification failed, as: Unsupported state or unable to authenticate data.

最后我是自己新建了一个证书,才跑起来的。到这里,本文的目的就完成了,下一篇将会介绍一下鸿蒙应用签名相关的知识,以及如何发布到应用市场。敬请期待 ~

相关推荐
BennuCTech14 分钟前
Google ML Kit系列:在Android上实现OCR本地识别
android
什么都不懂952714 分钟前
Android Lmkd
android
zhangphil1 小时前
Android Coil3视频封面抽取封面帧存Disk缓存,Kotlin
android·kotlin
猪哥帅过吴彦祖1 小时前
Flutter SizeTransition:让你的UI动画更加丝滑
android·flutter
zhanshuo2 小时前
跨设备开发不再难:HarmonyOS 分布式任务管理应用全解析
harmonyos
zhanshuo2 小时前
鸿蒙本地与云端数据双向同步实战:从原理到可运行 Demo 的全流程指南
harmonyos
OperateCode2 小时前
Android Studio 格式规范
android
humors2214 小时前
鸿蒙示例代码使用心得
华为·实战·harmonyos·鸿蒙·项目·huawei·实操
l and5 小时前
Jenkins 搭建鸿蒙打包
jenkins·harmonyos