鸿蒙接入Flutter3.22

鸿蒙接入Flutter3.22的配置与运行
最新推荐文章于 2025-08-14 16:03:19 发布
原创 最新推荐文章于 2025-08-14 16:03:19 发布 · 611 阅读 · 9 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#harmonyos

配置环境变量

  1. 配置HarmonyOS SDK和环境变量
  • API12, deveco-studio-5.0 或 command-line-tools-5.0
  • 配置 Java17
  • 配置环境变量 (SDK, node, ohpm, hvigor)
 export TOOL_HOME=/Applications/DevEco-Studio.app/Contents # mac环境
 export DEVECO_SDK_HOME=$TOOL_HOME/sdk # command-line-tools/sdk
 export PATH=$TOOL_HOME/tools/ohpm/bin:$PATH # command-line-tools/ohpm/bin
 export PATH=$TOOL_HOME/tools/hvigor/bin:$PATH # command-line-tools/hvigor/bin
 export PATH=$TOOL_HOME/tools/node/bin:$PATH
最低0.47元/天 解锁文章

200万优质内容无限畅学
Flutter 3.22 中的新功能 WebAssembly、图形渲染增强功能以​​及更多 AI 集成选项
iCloudEnd的博客
05-23 251
欢迎回来体验另一个激动人心的 Flutter 稳定版本！这一次，我们很高兴推出 Flutter 3.22。我们将 WebAssembly 引入稳定渠道，这是 Android 上 Impeller 的功能齐全的 Vulkan 后端，有望带来更流畅的图形和重大性能提升。我们还引入了简化的工作流程，包括新的小部件状态属性、动态视图大小调整和改进的表单验证。但这还不是全部 - 您会发现风味条件资产捆绑、Dart 中的 Vertex AI for Firebase 预览以及更新的 DevTools，让您的生活更轻松。
flutter 适配鸿蒙next，并打包为HAP安装包
热门推荐
qq_45679453的博客
08-09 1万+
下载过程就比较简单一路next基本就没有问题。1.2 git clone 上面链接中的代码我看issue中说的是要选择dev分支，不要选master分支的，dev不断在更新相比master拥有更多功能，但最近我看dev分支已经合并到master分支上了，两者区别应该不会很大。下面是dev分支的clone命令。下载后，在环境变量系统变量path中添加。
鸿蒙版 Flutter 3.22 重磅更新：默认适配 API 18，HarmonyOS 5.1 升级计划同步揭晓
坚果的博客
06-29 1331
鸿蒙版Flutter 3.22迎来重大更新，默认适配API 18，需搭配DevEco Studio 5.1.0+开发。华为同时公布HarmonyOS 5.1升级计划，将于7月首批推送19款机型，包括Mate/P系列手机、MatePad平板及智能手表。开发者需注意Flutter工程默认配置，首批机型用户可提前准备升级。坚果派团队作为华为HDE，将持续提供鸿蒙生态技术支持。
【HarmonyOS】鸿蒙集成Flutter
这家伙很懒，博客简介都不写
08-19 1625
下载地址：https://developer.huawei.com/consumer/cn/download/
4.现有Flutter项目适配鸿蒙(下) — 未适配鸿蒙三方库适配思路
weixin_44129599的博客
08-07 1643
鸿蒙平台Flutter三方库适配指南 本文介绍了Flutter插件在鸿蒙平台的适配方法，主要包括： 适配前期准备 创建ohos模块命令和步骤 配置pubspec.yaml文件添加ohos支持 查看生成的三方库文件结构 闭源库适配 介绍了两种常见适配情况 详细说明了GetuiflutPlugin类的核心实现 展示了方法通道注册和取消的代码示例 解释了如何基于安卓逻辑实现鸿蒙端功能方法 实际适配案例 以getuiflut库为例演示具体适配过程 比较安卓和鸿蒙端的实现差异 说明闭源SDK的两种处理方式 适配关键点
鸿蒙+flutter 干货来咯！
甄兴旺的博客
06-14 1万+
鸿蒙+flutter 混合开发，可以玩了，如何在MacOS 上使用 Flutter 构建鸿蒙App，如何在Windows上构建App，本文章给你准备好了
【鸿蒙-flutter】
qq_22015625的博客
07-03 1399
本文介绍了Flutter与鸿蒙系统集成的开发环境搭建及常用工具配置。主要内容包括：1）Flutter项目创建与鸿蒙集成方法，通过创建Flutter模块并构建HAR包实现；2）VS Code开发环境配置，推荐安装Flutter/Dart插件、代码片段工具及调试辅助插件；3）常用第三方库推荐，涵盖屏幕适配、网络请求、状态管理、UI组件等领域，如flutter_screenutil、dio、flutter_bloc等。文档提供了具体操作命令和代码示例，帮助开发者快速搭建跨平台开发环境并提升开发效率。
【HarmonyOS NEXT】HarmonyOS 和 Flutter混合开发 （一）之鸿蒙Flutter环境安装
路漫漫亦无涯
12-19 5306
flutter作为开源适配框架方案，已经在Android，IOS，Web，Window四大平台进行了适配，一套代码，可以同时展现在多个平台。所以Flutter适配鸿蒙也正式发布了。经过了今年的迭代，已经逐渐稳定中，虽然没有RN框架在鸿蒙上的适配速度快，但是也可以商用了。跨平台为何选择Flutter。
flutter开发适配鸿蒙之开发环境搭建
flfljh的专栏
10-29 3881
使用flutter build hap --debug --local-engine=E:\ohos\flutter_image\src\out\ohos_debug_unopt_arm64，会提示失败src\out\ohos_debug_unopt_arm64\flutter.har找不到。如果提示flutter.har找不到，那就是从项目目录下的ohos\har\flutter.har拷贝一份到src\out\ohos_debug_unopt_arm64目录下，然后再执行上一步就能成功。
更新详情 | Flutter 3.22 与 Dart 3.4
谷歌开发者
05-30 1802
作者 / Michael Thomsen过去几个月，Dart & Flutter 部门可谓忙碌非凡，但我们很高兴地宣布，Flutter 3.22 和 Dart 3.4 已经在今年的 Google I/O 大会上精彩亮相！Google I/Ohttps://io.google/2024/intl/zh/我们始终致力于提供强大的语言和框架组合，使您能够从单一共享代码库构建美观、丰富和快速的应用...
鸿蒙Flutter实战：11-使用 Flutter SDK 3.22.0
cnzzs的博客
11-01 725
使用 Flutter SDK 3.22.0 SDK 安装 参考[鸿蒙Flutter实战：01-搭建开发环境]文章的说明，首先安装 Flutter SDK 3.22.0。 目前鸿蒙化Flutter SDK 3.22 还未正式发布，现在可以使用 https://gitee.com/harmonycommando_flutter...
Flutter在鸿蒙HarmonyOS NEXT实践
fengyongge的专栏
12-23 4242
移动端开发中少不了一种技术栈叫做跨平台，目前常见的跨平台三方框架为Flutter、ArkUIX、React Native、Taro、WEEX、UniApp等，目前跨平台占比多的就属Flutter。这篇分享下Flutter在鸿蒙HarmonyOS NEXT实践。
flutter 开发 鸿蒙 App
唐僧的专栏
08-14 1487
本文介绍了使用Flutter开发鸿蒙应用的完整流程。首先需下载特定Flutter版本(3.22.1-ohos-1.0.4)并配置开发环境，包括FVM管理和鸿蒙IDE安装。其次需在华为开发者平台申请证书文件，创建AppID和配置文件。在项目创建阶段，强调了正确使用FVM命令创建项目并指定包名的重要性。最后详细说明了应用打包上架流程，包括签名配置、图标修改和发布准备。文章还提到部分插件兼容性问题，如qr_flutter插件在特定环境下的使用差异。整个过程涵盖了从环境搭建到应用上架的全链路开发步骤。
【鸿蒙开发实战教程】在MacOS上如何使用 Flutter 构建鸿蒙APP
HarmonyOS_001的博客
06-20 4122
有很多小伙伴不知道该从哪里开始学习鸿蒙开发技术？也不知道鸿蒙开发的知识点重点掌握的又有哪些？自学时频繁踩坑，导致浪费大量时间。结果还是一知半解。所以有一份实用的鸿蒙（HarmonyOS NEXT）全栈开发资料用来跟着学习是非常有必要的。
【鸿蒙学习】鸿蒙开发与Flutter开发对比：两大热门技术的深度解析
一个不断前行的程序者
08-08 2494
随着移动应用开发领域的不断发展，越来越多的跨平台开发技术应运而生。其中，华为推出的鸿蒙开发（HarmonyOS）和谷歌的Flutter成为了众多开发者关注的焦点。本文将对比分析鸿蒙开发和Flutter开发，帮助您了解这两大热门技术的优缺点，以便在项目中选择合适的技术方案。鸿蒙开发（HarmonyOS）和Flutter开发都是跨平台移动应用开发技术，它们旨在提高开发效率，降低成本。但在技术实现、性能、生态等方面，两者各有特点。
Flutter开发之——下拉刷新
我的博客
05-11 2548
一 概述 本文介绍Flutter中的下拉刷新组件： RefreshIndicator：Material风格的下拉刷新组件 CupertinoSliverRefreshControl: ios风格的下拉刷新控件 flutter_easyrefresh：第三方上拉刷新，下拉加载组件 二 RefreshIndicator 2.1 构造方法 class RefreshIndicator extends StatefulWidget { const RefreshIndicator({ Key? k
flutter编译和构建鸿蒙应用程序（windows环境）
baorant24的博客
11-24 1万+
针对 OpenHarmony 的 Flutter 版本已经开源，参考 https://gitee.com/openharmony-sig/flutter_flutter。 本文为实践该流程，实现flutter打包鸿蒙hap包的流程。目前流程已经走完，不过最后打包hap包依赖于flutter engine构建，目前还没构建完成。下次持续更新。
Flutter鸿蒙终端一体化-天下一统
eclipse_xu
03-12 3442
点击上方蓝字关注我，知识会给你力量在前面的文章中，我们了解了如何使用FlutterPage来创建Flutter容器。Flutter鸿蒙终端一体化-混沌初开Flutter鸿蒙终端一体化-珠联璧合但更多的时候，我们需要的是一种类似FlutterFragment的方式来进行引用，可喜的是，鸿蒙实现这种方式也并不复杂，因为不论是FlutterPage，还是FlutterFragment，它内部实际上是通过...
鸿蒙接入 flutter engine
最新发布
09-19
<think> 嗯，用户这次问的是鸿蒙系统接入Flutter Engine的具体方法，看来是在做跨平台开发。从ta引用的资料看，已经掌握了基本的环境搭建和flutter_boost集成，但更关注引擎层的接入细节。 用户可能是HarmonyOS开发者，正在尝试将Flutter嵌入鸿蒙应用。ta引用的文献[2]特别提到NEXT版本支持Flutter，说明可能在用较新的鸿蒙版本。不过官方文档似乎不够完善，ta需要更实操的指导。 翻看之前的引用资料，重点有几个关键信息：1)openharmony-sig的四个仓库是核心资源 2)flutter_boost负责通信层 3)环境搭建已解决。但用户现在卡在engine集成这个更底层的环节。 需要帮ta梳理清晰步骤：首先明确鸿蒙侧和Flutter侧各自的配置，特别是很多人会忽略的CMakeList配置；其次通信机制是难点，要强调platform channel的使用方式；最后提醒签名这种易错点。用户可能遇到的最大坑是NDK版本兼容问题，这个必须提前预警。 考虑到跨平台开发的复杂性，相关提问应该聚焦在：1)具体报错排查（比如so库加载失败）2)性能优化 3)混合栈管理。这些才是开发者下一步真正需要的。 </think> 以下是鸿蒙系统接入Flutter Engine的完整流程及资源指引，结合官方开源资料整理： ### 一、环境准备 1. **基础依赖** - Flutter SDK（3.0+版本） - HarmonyOS DevEco Studio 3.0+ - NDK版本匹配：推荐r21e（需与Flutter引擎兼容） 2. **鸿蒙侧配置** ```java // build.gradle dependencies { implementation &#39;io.openharmony.tpc.thirdlib:flutter_boost:1.0.0&#39; // 跨端通信库 implementation project(&#39;:flutter&#39;) // 本地Flutter模块 } ``` ### 二、引擎接入步骤 1. **创建Flutter Module** ```bash flutter create --template module my_flutter ``` 2. **鸿蒙工程集成** - 将Flutter模块置于鸿蒙工程同级目录 - 修改`settings.gradle`： ```groovy include &#39;:flutter_boost&#39; project(&#39;:flutter&#39;).projectDir = new File(&#39;../my_flutter&#39;) ``` 3. **原生层初始化**（Java） ```java public class MainAbility extends Ability { @Override public void onStart() { FlutterBoost.getInstance().setup(this, engine -> { // 注册MethodChannel new MethodChannel(engine.getDartExecutor(), "com.example/native") .setMethodCallHandler((call, result) -> { if(call.method.equals("getBatteryLevel")) { int level = getBatteryLevel(); // 原生方法 result.success(level); } }); }); } } ``` 4. **Flutter通信适配** ```dart // lib/main.dart void _getBatteryLevel() async { final battery = await MethodChannel(&#39;com.example/native&#39;).invokeMethod(&#39;getBatteryLevel&#39;); print(&#39;电量：$battery%&#39;); } ``` ### 三、关键配置项 | 文件位置 | 配置内容 | |---------|---------| | `entry/build.gradle` | `ndk { abiFilters &#39;arm64-v8a&#39; }` | | `my_flutter/pubspec.yaml` | 添加依赖：`flutter_boost: ^3.0.0` | | `config.json` | 声明网络权限：`"reqPermissions": [ "ohos.permission.INTERNET" ]` | ### 四、官方资源仓库 1. [Flutter引擎适配层](https://gitee.com/openharmony-sig/flutter_engine) 2. [Flutter Boost集成示例](https://gitee.com/openharmony-sig/flutter_samples/tree/master/flutter_boost_demo) 3. [预编译引擎库](https://gitee.com/openharmony-sig/flutter_packages) > **避坑指南**：若遇`libflutter.so`加载失败，检查`lib/arm64-v8a`目录是否存在，鸿蒙需使用非压缩的so文件[^2]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

「已注销」

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值