HarmonyOS 鸿蒙Next Flutter 转鸿蒙框架搭建

HarmonyOS 鸿蒙Next Flutter 转鸿蒙框架搭建 创建项目:flutter create xxx
检测环境:flutter doctor -v
运行编译:flutter build hap --release

这个是官方的文档 :
OpenHarmony-SIG/flutter_flutter

Windows配置flutter鸿蒙化的环境
Flutter SDK : 3.7.12
HarmonyOS : API 12 (只支持 API 12)
DevEco Studio :5.0.3.403
DevEco Stuido 参考相关套件配置说明文档
Flutter SDK 环境的配置参考相 flutter官网(https://docs.flutter.dev/get-started/install
Flutter鸿蒙化相关参考文档: https://gitee.com/openharmony-sig/flutter_flutter/tree/dev/

1、DevEco Studio 需要配置的环境变量:(node、ohpm、hvigor)

2、在系统变量中还需要增加HOS_SDK_HOME也就是harmonyos的SDK的路径

3、配置国内镜像
| PUB_HOSTED_URL | https://pub.flutter-io.cn |
| FLUTTER_STORAGE_BASE_URL | https://storage.flutter-io.cn |

4、通过代码工具包下载当前仓库代码 flutter_flutter 与 官方Flutter SDK
OpenHarmony-SIG/flutter_flutter
Choose your development platform to get started

注意: flutter_flutter 需要指定到 远程 dev 分支

查看远程分支

git branch -a

切换分支

git checkout -b dev origin/dev

注意:这里配置的flutter_flutter的环境变量一定要在你自己下载的flutterSDK的环境变量之前(flutter_windows_3.7.12-stable\flutter\bin), 如果顺序发生调换, 你在使用flutter doctor –v检测环境时, 无法出现HarmonyOS的环境标志

然后接下来使用Flutter doctor –v来检测环境,如果出现如下警告

解决方案: 在系统变量中增加如下环境变量即可解决

FLUTTER_GIT_URL=https://gitee.com/openharmony-sig/flutter_flutter.git

配置完之后再次执行 flutter doctor –v 就可以了

Hvigor Error : BUILD unable to find “DEVECO_SDK_HOME” in the environment path: 错误
解决方案: 需要再系统环境变量中配置 该环境变量


更多关于HarmonyOS 鸿蒙Next Flutter 转鸿蒙框架搭建的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于HarmonyOS 鸿蒙Next Flutter 转鸿蒙框架搭建的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


针对帖子标题“HarmonyOS 鸿蒙Next Flutter 转鸿蒙框架搭建”的问题,以下是专业且简洁的回答:

在HarmonyOS鸿蒙系统中,从Flutter框架转向鸿蒙原生框架搭建主要涉及以下几个步骤:

  1. 环境准备:首先,确保你的开发环境已经配置好鸿蒙SDK。这包括安装DevEco Studio(鸿蒙开发IDE)以及相应的鸿蒙SDK版本。

  2. 项目创建:在DevEco Studio中,选择创建新的鸿蒙项目。在创建过程中,你可以选择基于Java或Dart(针对Flutter)的模板,但既然要转向鸿蒙原生框架,应选择Java或JS(ArkUI框架)作为项目语言。

  3. 代码迁移:将原有的Flutter代码逻辑逐步迁移到鸿蒙原生框架中。这包括UI组件的替换(如使用ArkUI的组件替代Flutter组件)、业务逻辑的重构等。

  4. 资源适配:确保所有资源文件(如图片、音频等)都已正确适配到鸿蒙项目中,并调整路径和引用方式。

  5. 测试与调试:在迁移完成后,进行全面的测试以确保功能完整性和稳定性。使用DevEco Studio提供的调试工具进行问题排查和优化。

如果问题依旧没法解决请联系官网客服,官网地址是:https://www.itying.com/category-93-b0.html

回到顶部