鸿蒙 Flutter 实战：现有 Flutter 项目支持鸿蒙 II

引言

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

文中讲述了整体的理念和思路，本文更进一步，结合可实操的项目代码，详细说明如何实施。

通过模块化、鸿蒙壳工程，结合 FVM 管理多版本 Flutter SDK，最终，保持原 Flutter 代码纯净，最小化修改，完成了鸿蒙化的适配示例。

本项目代码地址:  https://gitee.com/zacks/flutter-ohos-demo

准备工作

1.安装 FVM
dart pub global activate melos
  • 1.
2.使用 FVM 安装 Flutter SDK

分别安装官方的3.22版本，以及鸿蒙社区的 3.22.0 版本

3.搭建 Flutter鸿蒙开发环境

参考文章《鸿蒙Flutter实战：01-搭建开发环境》

搭建项目架构

创建目录
# 创建项目目录
mkdir flutter-ohos-demo
  • 1.
  • 2.

设置使用的 Flutter SDK 版本
推荐在 VsCode 的命令行中执行以下命令，这将创建 .fvm 目录, .vscode/setting.json 文件, 和.fvmrc 文件

fvm use3.22.0
  • 1.
初始化工作区间

创建目录，项目结构如下所示：