鸿蒙 Flutter 实战
文章平均质量分 74
使用 Flutter 开发鸿蒙原生应用:关注公众号《少湖说》,即可加入 Flutter 鸿蒙开发交流群。
少湖说
HarmonyOS 开发者达人,华为开发者专家(HDE),坚果派专家,Openharmony 布道师。关注公众号《少湖说》,加入交流群。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
鸿蒙版FlutterSDK3.27.4可以使用了
摘要:OpenHarmony社区Flutter仓库已创建3.27.4-dev分支,鸿蒙版Flutter SDK 3.27进入开发阶段。Flutter等三方框架现由TPC单独管理,代码结构更清晰。开发者可使用FVM管理SDK:克隆oh-3.27.4-dev分支至本地,通过fvm切换版本即可开始开发。相关资源包括FVM工具和Flutter_flutter仓库文档。(128字)原创 2025-06-27 09:47:52 · 669 阅读 · 0 评论 -
哪些鸿蒙原生应用在使用Flutter
为了更好的提升用户体验,还可以将应用与小艺集成,通过意图框架、图文拖拽等,用户可以更好的使用小艺助手,集成应用服务,各用户推荐更有价值的信息。通过识别屏幕比例、大小,使应用进行弹性布局,或者监听屏幕变化事件,触发应用重新布局,等等,由于设备众多、比例也各有不同,这些需要不少的工作。HarmonyOS NEXT,也就是 HarmonyOS 5.0,该系统是鸿蒙历史上最大的一个更新版本,至些鸿蒙不再兼容安卓,并采用自主内核(鸿蒙内核),无论从内核,操作系统,应用层各方面全部替代原有的系统功能。原创 2025-05-22 15:15:44 · 1743 阅读 · 0 评论 -
鸿蒙Flutter实战:24-混合开发详解-4-初始化Flutter
本文详细介绍了如何在鸿蒙项目中初始化Flutter模块。首先,通过编辑ohos_app/oh-package.json文件,根据引入Flutter模块的方式(Har包或源码)添加相应的依赖项。接着,修改EntryAbility.ts文件,使其继承自FlutterAbility,并实现configureFlutterEngine方法以初始化Flutter引擎。FlutterAbility在UIAbility的基础上增加了引擎管理、UI交互、生命周期协调和扩展支持等功能,确保Flutter与原生鸿蒙应用的顺畅集原创 2025-05-22 14:03:26 · 2983 阅读 · 0 评论 -
鸿蒙Flutter实战:25-混合开发详解-5-跳转Flutter页面
在上一章中,我们介绍了如何初始化 Flutter 引擎,本文重点介绍如何添加并跳转至 Flutter 页面。原创 2025-05-22 13:54:06 · 3154 阅读 · 0 评论 -
鸿蒙Flutter实战:23-混合开发详解-3-源码模式引入
正常情况下,my_flutter_module 创建成功后,会包含一个 .ohos 目录,这个目录是一个鸿蒙工程(里面包含 flutter_module 模块),它可以做为 Flutter 的宿主运行。通过以上操作,我们将 .ohos 目录以软连接的方式,替换成了 ohos_app 鸿蒙工程,这样一来,当我们运行 Flutter 代码时,就会把 ohos_app 做为宿主,这样就实现了联动源码开发,也支持 hot reload (热重载)。DevEco 工程创建好之后,顺便对项目签名,签名方式如下。原创 2025-05-22 13:46:23 · 5891 阅读 · 0 评论 -
鸿蒙Flutter实战:22-混合开发详解-2-Har包模式引入
这种模式适合较大的项目团队,常见的场景是,负责 Flutter 开发的同事开发好指定的模块,以 Har 包的形式交付给鸿蒙原生的开发团队。在这种模式下,鸿蒙原生的开发团队,不需要太多关注 Flutter 部分的内容,甚至不需要安装 Flutter 开发环境,可以更好的职责分离。缺点,由于 Flutter 模块打包成了 Har 包,以 so 文件存在,故 Flutter 无法热重载。原创 2025-05-22 13:42:42 · 5020 阅读 · 0 评论 -
鸿蒙Flutter实战:20. Flutter集成高德地图,同层渲染
完整代码见Flutter 鸿蒙版 Demo核心代码如下,通过 OhosView 来承载原生视图OhosView(其中 viewType 为自定义的 ohosView 的名称,onPlatformViewCreated 为创建完成回调,creationParams 为创建时传入的参数,creationParamsCodec 为参数编码格式。原创 2025-03-27 13:18:54 · 1272 阅读 · 0 评论 -
鸿蒙Flutter实战:21-混合开发详解-1-概述
除了使用 Flutter 工程做为主项目开发以外,还有一种常见的开发方式,即混合开发,主项目工程为 HarmonyOS 工程, Flutter 工程以模块形式存在,,以依赖方式加载到主项目工程中,最终实现混合开发。在前面的系列文章中,我们从搭建开发环境开始,讲到如何使用、集成第三方插件,如何将现有项目进行鸿蒙化改造,以及上架审核等内容;让原生鸿蒙工程依赖 Flutter 模块的源码,这样 Flutter 代码变更时,不需要重新打包成 Har 包,而且可以在开发过程中,实现热更新,实时刷新界面。原创 2025-05-22 13:20:38 · 4624 阅读 · 0 评论 -
鸿蒙Flutter仓库停止更新?
Flutter 鸿蒙 SDK 仍然活跃,最近的一次更新在4天前。Flutter sample 示例库 https://gitcode.com/openharmony-sig/flutter_samples其他 gitee/openharmony-sig 下的三方库,替换域名即可,如 flutter inappwebview 迁移至 https://gitcode.com/openharmony-sig/flutter_inappwebview。原创 2025-04-22 14:41:01 · 1237 阅读 · 0 评论 -
鸿蒙Flutter实战:17-无痛上架审核指南
在上期文章中,我们体验了无痛使用Flutter快速启动开发的过程,本期重点聚焦上架审核流程。原创 2025-01-20 13:40:24 · 1470 阅读 · 0 评论 -
鸿蒙Flutter实战:19-Flutter集成高德地图,跳转页面方式
在之前的文章现有Flutter项目支持鸿蒙II中,介绍了如何使用第三方插件,同时给出了非常多的使用案例,如flutter_inappwebview,video_player, image_picker 等,本文将开始介绍如何集成高德地图。原创 2025-03-26 16:53:35 · 1059 阅读 · 0 评论 -
鸿蒙Flutter实战:18-组合而非替换,现有插件快速鸿蒙化
Federated plugins (联合插件)是一种将对不同平台的支持分为单独的软件包。所以,联合插件能够使用针对 iOS、Android、Web 甚至是针对汽车 (例如在 IoT 设备上)分别使用对应的 package。除了这些好处之外,它还能够让领域专家在他们最了解的平台上扩展现有平台插件。相对的,整合的联合插件,也就是说插件在某个平台的实现,被整合进了主package,也就是"面向应用的 package"。如果插件已经整合了ohos实现,如 fluwx,则直接使用即可,无需再添加鸿蒙平台的实现。原创 2025-03-26 16:52:48 · 1634 阅读 · 0 评论 -
原开源鸿蒙仓库停止更新
2月24日,gitee 上的开源鸿蒙组织,所有代码停止更新,查看代码仓显示已关闭,不少小伙伴以为停止更新了,发生了什么?原因很简单,所有代码仓迁移至,至于为什么改用 Gitcode,从其可以得到答案。GitCode 是一款由 优快云 开发者社区与华为云 CodeArts 联合打造的新一代开源代码托管平台。作为开发者的全能助手,GitCode 集代码托管、协同研发、项目管理与开源运营支持于一体,为个人开发者、团队和企业提供高效、安全、智能的解决方案。原创 2025-03-24 14:13:24 · 1230 阅读 · 0 评论 -
鸿蒙Flutter实战:16-无痛开发指南(适合新手)
本文讲述如何通过Flutter开发鸿蒙原生应用。整个过程结合往期文章、实战经验、流程优化,体验丝滑、无痛。原创 2025-01-17 10:33:55 · 1777 阅读 · 0 评论 -
鸿蒙Flutter实战:15-Flutter引擎Impeller鸿蒙化、性能优化与未来
Flutter 作为一种流行的跨平台框架,支持鸿蒙是大势所趋。华为躬身入局,为 Flutter 社区带来了强劲动力。从目前各方反馈来看,Flutter 应该是仅次于 ArkTs 的最佳适配方案。不论是官方、还是开源社区、亦或是广大的开发者,都对 Flutter 有着强烈的诉求。HarmonyOS 希望更多应用尽快适配鸿蒙,开发者或者是厂商,也希望以更低的成本最快上架;ArkTS 仍然有不少需要改进之处,就拿热重载一项与之对比,Flutter 不论从易用性、稳定性和成熟度已经遥遥领先。原创 2025-01-03 17:11:34 · 2111 阅读 · 0 评论 -
鸿蒙 Flutter 实战:14-现有 Flutter 项目支持鸿蒙 II
通过 FVM 管理多个 Flutter SDK 版本,仅在鸿蒙调测打包时,切换到 ohos-flutter SDK通过 apps 壳工程,将鸿蒙化适配的代码,尽量在 ohos_app 项目中完成。通过 pub 包管理的配置,逐个替换鸿蒙化的三方库通过 melos 管理多包项目,Flutter 项目进行模块化、组件化、插件化拆分,职责分离,平台抽象,不同平台组合打包,有效解决平台不一致问题。原创 2024-12-18 11:02:55 · 1226 阅读 · 0 评论 -
鸿蒙Flutter实战:13-鸿蒙应用打包上架流程
1.在 AppGalleryConnect,我的项目,添加项目。原创 2024-11-10 14:25:48 · 1737 阅读 · 0 评论 -
鸿蒙Flutter实战:12-使用模拟器开发调试
目前 Flutter 鸿蒙开发,无法使用 X86 架构的模拟器,只能使用 ARM 架构的模拟器**原创 2024-11-10 12:47:14 · 1161 阅读 · 0 评论 -
鸿蒙Flutter实战:11-使用 Flutter SDK 3.22.0
参考[鸿蒙Flutter实战:01-搭建开发环境]文章的说明,首先安装 Flutter SDK 3.22.0。目前鸿蒙化Flutter SDK 3.22 还未正式发布,现在可以使用进行前期测试验证。使用 FVM 进入 目录, 克隆以上仓库。接下来使用fvm list命令查看 SDK版本 列表。可以看到,SDK中出现了两个版本,其中使用命令将 官方的3.22.0 设置成了全局默认版本。鸿蒙化的 SDK 需要配置安装,我们稍后进入项目,执行安装。原创 2024-11-01 16:08:33 · 907 阅读 · 0 评论 -
鸿蒙Flutter实战:07-混合开发
鸿蒙Flutter混合开发主要有两种形式。原创 2024-10-23 10:04:42 · 699 阅读 · 0 评论 -
鸿蒙Flutter实战:06-使用ArkTs开发Flutter鸿蒙插件
本文讲述如何开发一个 Flutter 鸿蒙插件,如何实现 Flutter 与鸿蒙的混合开发,以及双端消息通信。原创 2024-10-22 18:36:01 · 741 阅读 · 0 评论 -
鸿蒙Flutter实战:05-使用第三方插件
在鸿蒙Flutter开发中,如果涉及到使用原生功能,就要使用插件。使用插件有两种方式,一种是自己编写原生ArkTS代码,在Dart侧调用。另外一种是使用第三方代码。方式一:编号原生 ArkTS 代码该方案可以使用 PlatformView 或者 MethodChannel 调用。PlatformView 即为在 Flutter 侧创建一个 View,然后在 Native 侧渲染。PlatformView 封装了底层的 View。原创 2024-10-22 18:31:14 · 663 阅读 · 0 评论 -
鸿蒙Flutter实战:04-如何使用DevTools调试Webview
在《鸿蒙 Flutter 开发中集成 Webview》,介绍了如果在 Flutter 中集成 Webview. 本文则为 Webview 的调试方法。原创 2024-10-22 18:07:51 · 696 阅读 · 0 评论 -
鸿蒙Flutter实战:10-常见问题集合
1.1 学习和掌握 Flutter 开发技术,这块需要在Flutter社区学历1.2 学习鸿蒙基础概念和知识,推荐学习。原创 2024-10-23 16:05:26 · 624 阅读 · 0 评论 -
鸿蒙Flutter实战:09-现有Flutter项目支持鸿蒙
原来使用Flutter开发的项目,需要适配鸿蒙。原创 2024-10-23 16:03:48 · 1680 阅读 · 0 评论 -
鸿蒙Flutter实战:08-如何调试代码
参考文章搭建好开发环境。IDE 安装好 DevEco 和 VsCode/Android Studio。原创 2024-10-23 16:03:01 · 713 阅读 · 0 评论 -
鸿蒙Flutter实战:03-鸿蒙Flutter开发中集成Webview
如 使用。原创 2024-10-22 16:47:04 · 705 阅读 · 0 评论 -
鸿蒙Flutter实战:02-Windows环境搭建踩坑指南
鸿蒙 Flutter SDK 需要在。目前建议下载 dev 分支代码。原创 2024-10-22 15:55:19 · 507 阅读 · 0 评论 -
鸿蒙Flutter实战:01-搭建开发环境
1.安装, 注意版本应该是 Next,当前最新的是 Beta32.安装Git, 如果要同时适配安卓,需要安装Android Studio;如果要适配ios,需要安装Xcode。原创 2024-10-21 14:47:07 · 726 阅读 · 0 评论 -
flutter 鸿蒙适配指南
1.安装, 注意版本应该是 Next,当前最新的是 Beta32.安装Git, 如果要同时适配安卓,需要安装Android Studio;如果要适配ios,需要安装Xcode。原创 2024-10-17 19:22:09 · 1393 阅读 · 0 评论
分享