news 2026/4/1 8:20:25

Flutter for HarmonyOS 开发指南(一):环境搭建与项目创建

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Flutter for HarmonyOS 开发指南(一):环境搭建与项目创建

前言

在开始之前,我们需要明白:标准的 Flutter SDK(Google 官方版)目前并不直接支持 ohos 平台
我们需要使用由华为和社区定制的Flutter 鸿蒙专用版 SDK,它在引擎层(Engine)增加了对鸿蒙系统渲染(ArkUI/XComponent)和插件能力的适配。

准备工作:硬件与软件要求

  1. 操作系统:macOS (推荐, 支持 iOS/鸿蒙) 或 Windows 10/11。

  2. DevEco Studio:建议安装最新的5.0 Release或更高版本(匹配 HarmonyOS NEXT)。

  3. Node.js & ohpm:鸿蒙包管理器,随 DevEco Studio 安装。

  4. Java SDK:建议 JDK 17。

鸿蒙版 Flutter 环境 3.35.7 版本搭建指南(Mac 版)

仓库地址:https://atomgit.com/openharmony-tpc/flutter_flutter/tree/oh-3.35.7-dev

一:下载安装最新的鸿蒙开发套件

下载地址:https://developer.huawei.com/consumer/cn/deveco-studio/

二:下载鸿蒙版 Flutter(3.35.7 版本)

1.git克隆项目

项目地址:https://atomgit.com/openharmony-tpc/flutter_flutter/tree/oh-3.35.7-dev

git clone https://gitcode.com/openharmony-tpc/flutter_flutter.git

2.验证下载

2.1执行命令
cd flutter_flutter git checkout -b oh-3.35.7-dev origin/oh-3.35.7-dev ./bin/flutter --version
2.2成功结果

三:环境变量配置

1. 配置文件选择

# 编辑zsh配置文件(推荐) open ~/.zshrc # 或者使用命令行编辑 nano ~/.zshrc

2. 环境变量配置

在配置文件中添加以下环境变量:

# DevEco Studio配置 export TOOL_HOME=/Applications/DevEco-Studio.app/Contents export DEVECO_SDK_HOME=$TOOL_HOME/sdk # 工具路径配置 export PATH=$TOOL_HOME/tools/ohpm/bin:$PATH export PATH=$TOOL_HOME/tools/hvigor/bin:$PATH export PATH=$TOOL_HOME/tools/node/bin:$PATH # Flutter路径配置(请根据实际路径修改) export PATH=/Users/dududu/Desktop/harmony/flutter/flutter_flutter/bin:$PATH # Flutter镜像配置(加速下载) export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn # Flutter Git配置(解决警告) export FLUTTER_GIT_URL=git@gitcode.com:openharmony-tpc/flutter_flutter.git

3. 刷新配置

配置完成后,刷新环境变量

source ~/.zshrc

四:环境监测

1.执行检测

flutter doctor -v

2.检测结果(下图示成功)

3.结果分析

正常配置的组件:

HarmonyOS toolchain 鸿蒙开发工具链正常

Android toolchain 安卓开发工具链正常

Xcode IOS开发工具链正常

Chrome web开发环境正常

Connected device 设备连接正常

提示的问题:

Flutter (Channel [user-branch] - 这是正常的,因为使用的是鸿蒙定制版本

异常组件:

Network resource 网络资源异常 - 推荐的国内镜像,检查代理软件设置

五:创建与运行第一个鸿蒙 Flutter 项目

1. 创建项目

指定平台包含 ohos:

flutter create --platforms ohos,android,ios --org com.yourcompany my_harmony_app

编译:(生成的HAP文件位于ohos/entry/build目录下)

2. 编译 HAP 包

进入项目根目录,执行构建命令(生成的 .hap 文件位于 ohos/entry/build 目录下):

flutter build hap --release
3. 运行至设备

确保你的鸿蒙设备(或模拟器)已连接并开启调试模式:

flutter run -d 127.0.0.1:5555

效果预览

六、 常见问题排查 (FAQ)

Q1:编译时报错 “Could not find Java” 或 Java 版本冲突?

现象:虽然安装了 Android Studio,但终端无法正确识别 Java。
解决:建议手动安装JDK 17,并在 .zshrc 中明确配置 JAVA_HOME。

编译报错:

检测识别不到j本地ava,前面由于单独安装了android Studio,自带了java环境。还是需要单独安装一个java jdk。

Q2:flutter doctor 识别不到鸿蒙设备?

解决:需要先完成3.2环境变量配置,然后再进行检测。

结语
搭建鸿蒙版 Flutter 环境虽然比标准版稍显复杂,但随着华为对 HarmonyOS NEXT 生态的持续投入,这套工具链正在变得越来越成熟。如果你在搭建过程中遇到其他问题,欢迎在评论区交流!

欢迎加入开源鸿蒙跨平台社区
https://openharmonycrossplatform.csdn.net

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/3/27 7:35:37

计算机Java毕设实战-基于springboot的闲一品闲置品交易平台基于SpringBoot的闲置物品交易系统【完整源码+LW+部署说明+演示视频,全bao一条龙等】

博主介绍:✌️码农一枚 ,专注于大学生项目实战开发、讲解和毕业🚢文撰写修改等。全栈领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战 ✌️技术范围:&am…

作者头像 李华
网站建设 2026/4/1 0:35:49

【计算机毕业设计案例】基于Java Web的银饰饰品商城系统的设计与实现基于springboot的饰品商城系统(程序+文档+讲解+定制)

博主介绍:✌️码农一枚 ,专注于大学生项目实战开发、讲解和毕业🚢文撰写修改等。全栈领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战 ✌️技术范围:&am…

作者头像 李华
网站建设 2026/3/29 15:20:26

day165—递归—最长回文子序列(LeetCode-516)

题目描述给你一个字符串 s ,找出其中最长的回文子序列,并返回该序列的长度。子序列定义为:不改变剩余字符顺序的情况下,删除某些字符或者不删除任何字符形成的一个序列。示例 1:输入:s "bbbab" …

作者头像 李华
网站建设 2026/3/28 17:56:39

【课程设计/毕业设计】基于springboot的企业日报管理日报管理系统设计与实现【附源码、数据库、万字文档】

博主介绍:✌️码农一枚 ,专注于大学生项目实战开发、讲解和毕业🚢文撰写修改等。全栈领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战 ✌️技术范围:&am…

作者头像 李华
网站建设 2026/3/26 9:12:18

回文排列 II:别再傻傻地全排列了,剪枝才是王道

回文排列 II:别再傻傻地全排列了,剪枝才是王道 大家好,我是 Echo_Wish。 今天咱们聊一道看起来是“字符串 + 回溯”的老题,但一不小心就会把 CPU 跑冒烟的经典问题—— 回文排列 II(Palindrome Permutation II)。 这道题我特别喜欢,因为它非常适合用来区分“会写代码”…

作者头像 李华