flutter项目适配鸿蒙

flutter项目适配鸿蒙

一、安装鸿蒙环境

1、下载鸿蒙 for Flutter库

查看项目readme文件中,有具体的安装环境步骤。

二、创建项目

1.进入项目根目录,如果项目还未创建,则使用 flutter create 命令创建项目。

2.如果项目已经创建,还未添加鸿蒙平台支持,则使用以下命令添加鸿蒙平台支持。

复制代码
flutter create --platforms ohos .  --org com.silence

.指定的是当前目录,org com.lenercom 为组织名称,一般为自已拥有的域名反过来。如果不固定组织名称,则会出现报错:

复制代码
Ambiguous organization in existing files: {org, com.lenercom}. The --org command line argument must be specified to recreate project.

当你看到下面的输出时,说明你构建成功了。

此时可以看到项目目录中,除了android和ios文件夹外,多了一个ohos的文件夹,这就是鸿蒙模块的代码了。

连上鸿蒙5.0系统手机后,然后执行flutter run,一般这个是可能会报错什么的,处理一下,直到再次执行flutter run时,提示需要去配置签名的时候,表示项目构建成功了。

复制代码
silence@silencedeMacBook-Pro bady_menu % flutter run     
Launching lib/main.dart on 36K0224604005989 in debug mode...
start hap build...
Running Hvigor task assembleHap...                                147.2s
请通过DevEco Studio打开ohos工程后配置调试签名(File -> Project Structure -> Signing Configs 勾选Automatically generate signature)
Error: Failed to get the hap file: /Users/silence/Desktop/HmPlace/normalProject/bady_menu/ohos/entry/build/default/outputs/default/entry-default-signed.hap

三、配置签名

需要去配置签名,然后在运行就可以了。不说了,赶紧去试一下。

找到项目中的ohos文件夹,拖到DevEco Studio中,调试模式可以配置自动签名就行。

打开DevEco Studio,将项目中的ohos拖进去后,等待项目构建完成,右下小窗口会有提示,如下图。

这个时候才可以 进行配置签名。通过菜单文件 ->项目构建 ,打开窗口如下,这个时候需要登录华为开发者账号,登录后返回,点击生成自动签名AutoMatically generate signature

四、运行项目

1.可以通过DevEco Studio直接运行项目,并且这个IDE跑起来更快。比较是官方。

2.在VS Code终端中运行flutter run,成功运行后的输出如下。

复制代码
silence@silencedeMacBook-Pro bady_menu % flutter run
Launching lib/main.dart on 36K0224604005989 in debug mode...
start hap build...
Running Hvigor task assembleHap...                                162.0s
✓ Built ohos/entry/build/default/outputs/default/entry-default-signed.hap.
installing hap. bundleName: com.silence.bady_menu 
waiting for a debug connection: http://127.0.0.1:58805/4w-8iMq2r3c=/
相关推荐
全堆鸿蒙9 小时前
27 RdbPredicates 条件查询详解:EqualTo、OrderBy、组合条件
华为·harmonyos·鸿蒙系统
心中有国也有家9 小时前
AtomGit Flutter 鸿蒙客户端: ChangeNotifier 模式
学习·flutter·华为·harmonyos
国服第二切图仔10 小时前
HarmonyOS APP《画伴梦工厂》开发第59篇-碰一碰精准分享——跨设备素材插入
华为·harmonyos
hqzing10 小时前
在鸿蒙 PC 上使用 Claude Code(最新的 Bun 版本)
华为·harmonyos
xd18557855511 小时前
鸿蒙AI菜谱生成器:基于ArkTS原生开发与鸿蒙PC适配实战
人工智能·华为·harmonyos·鸿蒙
GitCode官方12 小时前
开源鸿蒙跨平台直播|QRN 跨端鸿蒙一体化实战
人工智能·华为·开源·harmonyos·atomgit
ZZZMMM.zip13 小时前
演示架构师-PPT大纲生成的HarmonyOS开发实践
人工智能·华为·powerpoint·harmonyos·鸿蒙·鸿蒙系统
国服第二切图仔13 小时前
HarmonyOS APP《画伴梦工厂》开发第60篇-分布式软总线2.0——多设备协同新范式
分布式·wpf·harmonyos
2501_9185823713 小时前
50 Canvas 动画:@State + @Watch + animateTo 驱动模式
华为·harmonyos·鸿蒙系统
xianjixiance_14 小时前
43 短距通信场景汇总:NFC / 二维码 / 剪贴板 / 超级终端
华为·harmonyos·鸿蒙系统