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=/
相关推荐
liulian09161 小时前
Flutter 三方库 flutter_local_auth 的鸿蒙化适配指南
flutter·华为·学习方法·harmonyos
SuperHeroWu71 小时前
【鸿蒙基础入门】概念理解和学习方法论说明
前端·学习·华为·开源·harmonyos·鸿蒙·移动端
亘元有量-流量变现2 小时前
抓住鸿蒙流量红利!2026华为应用商店ASO优化全解
华为·harmonyos·aso优化
qwfy2 小时前
瑞幸 UI 上 pub.dev 了 —— 22 个 Flutter 组件,与微信小程序版双端对齐
flutter·开源
特立独行的猫a2 小时前
使用 vcpkg 为OpenHarmony(鸿蒙PC)构建 OpenSSH 命令行工具
harmonyos·openharmony·命令行·openssh·vcpkg·鸿蒙pc
音视频牛哥3 小时前
纯血鸿蒙(HarmonyOS NEXT)下,如何实现低延迟RTSP、RTMP播放器音视频解码?
华为·音视频·harmonyos·鸿蒙rtmp播放器·鸿蒙rtsp播放器·harmonyos rtsp·鸿蒙next播放器
特立独行的猫a4 小时前
OpenSSH 介绍及使用Lycium框架移植到鸿蒙 PC(OpenHarmony)平台的实践总结
harmonyos·openssh·鸿蒙pc·lycium_plusplus·三分库移植
轻口味4 小时前
HarmonyOS 6 轻相机应用开发2:贴纸效果实现
音视频·harmonyos·鸿蒙·播放器
HwJack204 小时前
跨模块资源共享的破局之道:HarmonyOS HSP 资源访问“避坑与升华”指南
华为·harmonyos
liulian09165 小时前
【Flutter for OpenHarmony】原生卡片 Widget 集成实战:从零构建待办清单桌面组件
flutter·华为·学习方法·harmonyos