qidao123.com技术社区-IT企服评测·应用市场

标题: Flutter项目适配鸿蒙 [打印本页]

作者: 麻花痒 时间: 2025-1-12 13:04
标题: Flutter项目适配鸿蒙
前言

目前市面上使用Flutter技能站的app不在少数，对于Flutter的项目，大概更多的是想直接兼容Harmonyos，而不是直接在重新开辟一个新的鸿蒙项目。
那么Flutter如何兼容鸿蒙平台了？接下来我们探讨下Flutter项目是如何兼容鸿蒙的。
参考文档: flutter_sample
Flutter项目适配鸿蒙

新工程直接支持ohos

如果你的项目现在才刚开开始启动，那么你完全可以创建一个新的Flutter项目，直接支持Android、iOS、ohos 等平台。
构建新项目

创建项目指令：flutter cteate --platforms android,ios,ohos(支持的平台) <projectname(项目名称)>
由于Flutter官方并没有明白表示支持鸿蒙，以是无法使用Android Studio等编译工具直接创建一个支持ohos(鸿蒙)平台的Flutter项目。
命令行输入指令：flutter create --platforms android,ios,ohos flutter_test_demo_gy
执行结果：

工程结果目录：

根据目录我们看出，其实跟原来Flutter创建的工程差别不大，只是多了一个ohos的工程目录。这个目录就是我们所说的鸿蒙工程。
编译

我们可以打开ohos目录下的鸿蒙工程，然后在终端执行命令flutter build hap
当我们第一次打开ohos功臣，同步项目时，会报如下错误：

这个错误是由找不到fluttter.har包的问题，因为此时你还没有编译，等你执行完编译指令后就没有这个错误了。

如上图执行成功后，我们可以看到ohos项目把Flutter项目标东西打包成一个har包给ohos项目引用着。

留意：Flutter鸿蒙化项目只能运行在真机上或者arm架构设备的模仿器上
运行

在编译完项目之后，你可以按照鸿蒙项目标开辟流程一样，设置证书、直接点击编译工具运行项目，也可以使用原来的Flutter指令来运行：flutter run
运行结果：

Flutter页面正常展示，代表Flutter项目已经成功运行在鸿蒙手机上。
如果后续需要开辟新的功能，我们需要再Flutter中编写相关代码，然后在走编译、运行流程。
适配已有的Flutter项目

如下图，我现在有一个已经存在Flutter项目：

从上面的布局目录看，这个一个不支持ohos平台的项目，我们如何让这个已经存在的Flutter兼容鸿蒙平台？

cd 进入项目根目录
执行指令flutter create ./ --platform ohos 创建鸿蒙模块

执行结果：

执行完命令后的目录布局：

然后我们就可以打开ohos鸿蒙工程，直接编译、运行到手机上。
运行结果：

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

欢迎光临 qidao123.com技术社区-IT企服评测·应用市场 (https://dis.qidao123.com/)