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=/
相关推荐
anyup1 天前
🔥2026最推荐的跨平台方案:H5/小程序/App/鸿蒙,一套代码搞定
前端·uni-app·harmonyos
MakeZero1 天前
Flutter那些事-交互式组件
flutter
shankss1 天前
pull_to_refresh_simple
flutter
shankss1 天前
Flutter 下拉刷新库新特性:智能预加载 (enableSmartPreload) 详解
flutter
Ranger09291 天前
鸿蒙开发新范式:Gpui
rust·harmonyos
Huang兄1 天前
鸿蒙-深色模式适配
harmonyos·arkts·arkui
SoaringHeart3 天前
Flutter调试组件:打印任意组件尺寸位置信息 NRenderBox
前端·flutter
九狼3 天前
Flutter URL Scheme 跨平台跳转
人工智能·flutter·github
_squirrel3 天前
记录一次 Flutter 升级遇到的问题
flutter
Haha_bj3 天前
Flutter——状态管理 Provider 详解
flutter·app