鸿蒙纪·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.

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

相关推荐
程序员陆业聪9 分钟前
Android插件化江湖:从DroidPlugin到Shadow的技术演进
android
敲代码的瓦龙13 分钟前
Android?广播!!!
android·java·开发语言·android-studio
richard_yuu18 分钟前
鸿蒙ArkUI组件化实战|公共组件封装、复用解耦与上架级UI规范落地
ui·华为·harmonyos
黄林晴34 分钟前
Android Studio Quail 1 Canary 5 发布,Compose 截图测试 + R8 混淆 mapping 问题解决
android·android studio
山上春36 分钟前
MT-Workflow2:面向 Odoo 的可视化审批工作流引擎
android·workflow·odoo·bpmn
恋猫de小郭36 分钟前
Flutter GenUI 0.9 和 A2UI 0.9 发布,全动动态 UI 支持,AI 在 App 里直出界面
android·flutter·ios
KKei163839 分钟前
Flutter for OpenHarmony 学习专注模式APP技术文章
学习·flutter·华为·harmonyos
想你依然心痛1 小时前
HarmonyOS 6(API 23)实战:基于悬浮导航、沉浸光感与HMAF的“数字孪生工坊“——工业制造AI智能体协同平台
人工智能·制造·harmonyos
UnicornDev1 小时前
【Flutter x HarmonyOS 6】挑战功能的业务逻辑实现
flutter·华为·harmonyos·鸿蒙·鸿蒙系统
Lan_Se_Tian_Ma1 小时前
使用Cursor封装Flutter项目基建框架
前端·人工智能·flutter