鸿蒙 Flutter 实战

背景 2023年8月4日，华为在“2023华为开发者大会”上发布 HarmonyOS NEXT，并宣布面向合作企业开发者开放该系统。 HarmonyOS NEXT，也就是 HarmonyOS 5.0，

概述 在上一章中，我们介绍了如何初始化 Flutter 引擎，本文重点介绍如何添加并跳转至 Flutter 页面。 跳转原理 跳转原理如下： 本质上是从一个原生页面A 跳转至另一个原生页面 B，不过区

概述 将 Flutter 模块添加至宿主鸿蒙项目中后，接下需要实现页面跳转、消息通信等功能，本文重点介绍如何初始化 Flutter。 项目配置 添加依赖 编辑 ohos_app/oh-package.

引言 在前面的文章混合开发详解-2-Har包模式引入中，我们介绍了如何将 Flutter 模块打包成 Har 包，并引入到原生鸿蒙工程中。本文中，我们将介绍如何通过源码依赖的方式，将 Flutter

以 Har 包的方式加载到 HarmonyOS 工程 创建工作 创建一个根目录 这个目录用于存放 flutter 项目和鸿蒙项目。 创建 Flutter 模块 首先创建一个 Flutter 模块，我们

引言 在前面的系列文章中，我们从搭建开发环境开始，讲到如何使用、集成第三方插件，如何将现有项目进行鸿蒙化改造，以及上架审核等内容；还以高德地图的 HarmonyOS SDK 的使用为例， 讲解了如何将

本文以同层渲染为例，介绍如何集成高德地图 完整代码见 Flutter 鸿蒙版 Demo 概述 Dart 侧 核心代码如下，通过 OhosView 来承载原生视图 其中 viewType 为自定义的 o

引言 在对插件鸿蒙化时，除了往期文章现有Flutter项目支持鸿蒙II中讲到的使用 dependency_overrides 来配置鸿蒙适配库的两种方式以外，如果三方插件本身使用了联合插件的形式，也可

前言 在之前的文章现有Flutter项目支持鸿蒙II中，介绍了如何使用第三方插件，同时给出了非常多的使用案例，如 flutter_inappwebview，video_player, image_pi

无痛打包 提前准备好生产证书。 使用最新的 IDE 自动上传功能。 无痛审核 名称 名字要确保唯一，提前在商城搜索，另外不要使用容易误解、太通用的的名称，如“文件管理”，“二维码生成”，建议增加品牌前

本文讲述如何通过 Flutter 开发鸿蒙原生应用。整个过程结合往期文章、实战经验、流程优化，体验丝滑、无痛。无痛搭建开发环境 硬件准备 一台 Mac，一部 Mate60 Pro，两台显示器。

Impeller 的鸿蒙化基于 Vulkan, 通过 ArkUI 提供的 XComponent 组件承载 Flutter 视图。

鸿蒙 Flutter 实战：现有 Flutter 项目支持鸿蒙 II 引言 在之前的文章鸿蒙Flutter实战：09-现有Flutter项目支持鸿蒙中，介绍了如何改造项目，适配鸿蒙平台。 文中讲述了整

鸿蒙应用打包上架流程 创建应用 新建项目 1.在 AppGalleryConnect，我的项目，添加项目。 新建APP ID 1.在 AppGalleryConnect，证书、APP ID 和 Pro

前提 开发电脑需为M系列芯片 (ARM架构) 的 Mac 电脑 创建项目 等开发环境搭建成功，使用 flutter create 命令创建项目 新项目 旧项目增加鸿蒙平台支持 签名 使用 DevEco

```` # 使用 Flutter SDK 3.22.0 ## SDK 安装 参考[鸿蒙Flutter实战：01-搭建开发环境]文章的说明，首先安装 Flutter SDK 3.22.0。 目前鸿蒙化

鸿蒙Flutter实战：10-常见问题集合 1. 学习路径应该是怎样的，需要掌握哪些技术才具备鸿蒙 Flutter 开发能力 1.1 学习和掌握 Flutter 开发技术，这块需要在Flutter社区

鸿蒙Flutter实战：现有Flutter项目支持鸿蒙 背景 原来使用Flutter开发的项目，需要适配鸿蒙。

鸿蒙Flutter实战：如何调试代码 1.环境搭建 参考文章鸿蒙Flutter实战：01-搭建开发环境搭建好开发环境。IDE 安装好 DevEco 和 VsCode/Android Studio。

鸿蒙Flutter实战：混合开发 鸿蒙Flutter混合开发主要有两种形式。 1.基于har 将flutter module打包成har包，在原生鸿蒙项目中，以har包的方式引入。 其优点是主项目开发