`
龙儿筝
  • 浏览: 680 次
最近访客 更多访客>>
社区版块
存档分类
最新评论

鸿蒙接入Flutter3.22

阅读更多

配置环境变量

  1. 配置HarmonyOS SDK和环境变量
  • API12, deveco-studio-5.0 或 command-line-tools-5.0
  • 配置 Java17
  • 配置环境变量 (SDK, node, ohpm, hvigor)
 export TOOL_HOME=/Applications/DevEco-Studio.app/Contents # mac环境
 export DEVECO_SDK_HOME=$TOOL_HOME/sdk # command-line-tools/sdk
 export PATH=$TOOL_HOME/tools/ohpm/bin:$PATH # command-line-tools/ohpm/bin
 export PATH=$TOOL_HOME/tools/hvigor/bin:$PATH # command-line-tools/hvigor/bin
 export PATH=$TOOL_HOME/tools/node/bin:$PATH # command-line-tools/tool/node/bin
 
  1. 通过代码工具下载Flutter仓库代码git clone https://gitee.com/harmonycommando_flutter/flutter.git,指定dev或master分支,并配置环境
 # 依赖缓存
 export PUB_CACHE=D:/PUB
 # 拉取下来的flutter_flutter/bin目录
 export PATH=<flutter_flutter path>/bin:$PATH
 # 国内镜像
 export PUB_HOSTED_URL=https://pub.flutter-io.cn
 export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

 # HamonyOS SDK
 export TOOL_HOME=/Applications/DevEco-Studio.app/Contents # mac环境
 export DEVECO_SDK_HOME=$TOOL_HOME/sdk # command-line-tools/sdk
 export PATH=$TOOL_HOME/tools/ohpm/bin:$PATH # command-line-tools/ohpm/bin
 export PATH=$TOOL_HOME/tools/hvigor/bin:$PATH # command-line-tools/hvigor/bin
 export PATH=$TOOL_HOME/tools/node/bin:$PATH # command-line-tools/tool/node/bin
 

构建步骤

  1. 运行 flutter doctor -v 检查环境变量配置是否正确,Futter与OpenHarmony应都为ok标识,若两处提示缺少环境,按提示补上相应环境即可。 img1
  2. 创建工程与编译命令,编译产物在<projectName>/ohos/entry/build/default/outputs/default/entry-default-signed.hap下。
 # 创建工程
 flutter create --platforms ohos <projectName>

 # 进入工程根目录编译
 # 示例:flutter build hap --release
 flutter build hap --release
 
  1. 通过flutter devices指令发现ohos设备之后,使用 hdc -t install 进行安装。
  2. 也可直接使用下列指令运行:
   # 示例:flutter run -d <device-id>
   flutter run --debug -d <device-id>
 
  1. 构建app包命令:
 # 示例:flutter build app --release
 flutter build app --release
 

已兼容OpenHarmony开发的指令列表

指令名称 指令描述 使用说明
doctor 环境检测 flutter doctor
config 环境配置 flutter config --"key" "value"
create 创建新项目 flutter create --platforms ohos,android,ios --org "org" "appName"
create 创建module模板 flutter create -t module "moduleName"
create 创建plugin模板 flutter create -t plugin --platforms ohos,android,ios "pluginName"
create 创建plugin_ffi模板 flutter create -t plugin_ffi --platforms ohos,android,ios "pluginName"
devices 已连接设备查找 flutter devices
install 应用安装 flutter install -t "deviceId" "hap文件路径"
assemble 资源打包 flutter assemble
build 测试应用构建 flutter build hap --debug
build 正式应用构建 flutter build hap --release
run 应用运行 flutter run
attach 调试模式 flutter attach
screenshot 截屏 flutter screenshot

附:Flutter三方库适配计划

运行到手机上

在项目根目录下执行flutter run就可以运行到手机上了,若连接的是Android手机,则可以直接运行并在手机上查看效果。若连接的是鸿蒙NEXT手机,则需先配置证书,配置证书的地方在ohos/build-profile.json5文件中,证书配置完成后,就直接直接运行并在鸿蒙NEXT手机上查看效果了。 harmony android 鸿蒙平台ohos下的flutter.har包可以拷贝到其它项目中直接使用。

0
0
分享到:
评论

相关推荐

    Android-flutter_boost.zip

    Android-flutter_boost.zip,fluttboost是一个flutter插件,它能够以最小的努力为您现有的本地应用程序混合集成flutter,安卓系统是谷歌在2008年设计和制造的。操作系统主要写在爪哇,C和C 的核心组件。它是在linux...

    Flutter编程指南-多线程

    目前已经有不少大型项目接入Flutter,阿里的咸鱼、头条的抖音、腾讯的NOW直播,都将Flutter当做应用程序的开发语言。除此之外,还有一些其他中小型公司也在做。Flutter越来越变成一个新的开发趋势。

    Flutter 截图、QQ分享、微信分享、微博分享

    Flutter,作为Google推出的一种跨平台开发框架,以其高性能、高效率和丰富的UI库深受开发者喜爱。本文将深入探讨如何在Flutter应用中实现截图、QQ分享、微信分享以及微博分享的功能。 **截图功能** 在Flutter中,...

    flutter中使用基于flutter-sound的flutter-sound-record录音

    在Flutter开发中,录音功能是许多应用程序不可或缺的一部分。Flutter本身并不提供原生的录音API,但开发者可以借助第三方库来实现这一功能。本篇将详细讲解如何在Flutter中使用基于`flutter-sound`的`flutter-sound-...

    flutter_windows_3.3.3-stable.zip

    Flutter是Google开发的一款开源UI工具包,用于构建高性能、高保真、跨平台的移动应用程序。这个"flutter_windows_3.3.3-stable.zip"压缩包包含了Flutter SDK的Windows稳定版本,允许开发者在Windows平台上进行...

    Flutter 项目:flutter的安装和环境配置

    ### Flutter项目:Flutter...接下来可以通过执行`flutter doctor`命令来进一步验证开发环境是否设置正确,以及是否存在需要解决的问题。 通过以上步骤,您就可以顺利地在Windows环境下安装并配置好Flutter开发环境了。

    flutter_bluetooth.zip_flutter 蓝牙 ios_flutter_bluetooth_flutter获取

    flutter 蓝牙,通过蓝牙协议和单片机进行数据交互,控制智能硬件

    给领导看的Flutter评估文档,如何说服领导用Flutter,Flutter优缺点、Flutter原理、Flutter框架结构等等

    Flutter,由Google开发的开源移动应用开发框架,已经成为构建高性能、跨平台的iOS和Android应用程序的新选择。这篇评估文档旨在全面解析Flutter的核心价值,帮助领导理解为何选择Flutter作为开发工具,以及其工作...

    Flutter在线付款AppUI

    【Flutter在线付款AppUI】是基于Flutter框架设计和开发的一款应用程序用户界面,专门用于实现在线支付功能。Flutter作为Google推出的开源跨平台UI工具包,以其高效、可移植性以及丰富的自定义能力,深受开发者喜爱。...

    flutter开发者帮助APP包含flutter常用130组件的中文文档与demo演示

    Flutter开发者帮助APP是一款专为Flutter开发者设计的辅助工具,它提供了130个常用Flutter组件的中文文档和示例演示,旨在帮助开发者更高效、更深入地理解和运用这些组件。这款APP不仅对于初学者友好,同时也对有经验...

    非常棒flutter项目,flutter漂亮UI,快速上手,flutter快速开发例子,非常就拿对flutter学习的demo

    Flutter是一款由Google开发的开源移动应用开发框架,用于构建高性能、高保真、跨平台的iOS和Android应用程序。本项目“非常棒flutter项目”提供了一个理想的起点,特别适合那些想要快速掌握Flutter并创建美观用户...

    flutter_windows_3.0.4-stable.zip 安装包

    Flutter Windows 3.0.4 稳定版安装包是一个专门为Windows操作系统设计的开发工具,用于构建高性能、高保真的跨平台移动应用。Flutter是由谷歌开发的开源UI软件开发框架,它允许开发者使用单一代码库来开发Android和...

    Flutter基础学习PDF

    Flutter是Google推出的一种开源UI工具包,用于构建高性能、高保真、跨平台的移动应用程序。这个"Flutter基础学习PDF"包含了一系列的教程,旨在帮助初学者从零开始熟悉Flutter的开发环境设置、基本概念以及应用程序的...

    Flutter 完全手册.zip

    Flutter,由Google开发,是一种开放源代码的UI软件开发工具包,用于构建高性能、高保真、跨平台的移动应用程序。本手册将深入探讨Flutter的核心概念、开发流程以及最佳实践,帮助开发者从入门到精通,打造出色的应用...

    flutter_lua:Flutter应用程序的Lua解释器

    Flutter Lua插件 这是一个插件,它嵌入了解释器和运行时,用于执行Flutter应用程序中的动态脚本。 产品特点 在您的Flutter应用中嵌入解释器。 在后台线程(而不是主UI线程)上执行Lua代码。 支持从字符串以及应用...

    flutter-1.5.3.zip

    Flutter是Google推出的一款开源UI工具包,用于构建高性能、高保真、可在多个平台上运行的移动应用程序,包括iOS和Android。这个"flutter-1.5.3.zip"压缩包是Flutter的一个特定版本,即1.5.3版,它是为那些可能因网络...

    Flutter官方文档详细翻译

    Flutter是Google推出的一款开源UI工具包,用于构建高性能、高保真、跨平台的应用程序,支持iOS和Android。本文档翻译项目旨在为开发者提供全面、详尽的Flutter中文指南,帮助他们快速上手并深入理解Flutter的核心...

    flutter 微信语音消息动画

    在本文中,我们将深入探讨如何使用Flutter框架来实现微信风格的语音消息播放动画。Flutter是Google推出的一个开源UI工具包,用于构建高性能、高保真度的原生移动应用程序,适用于Android和iOS平台。微信语音消息动画...

    android studio Flutter Plugin~flutter 插件

    Flutter是Google推出的一种快速开发移动应用的开源框架,它基于Dart语言,允许开发者使用一套代码库构建可以在iOS和Android平台上运行的应用。Android Studio作为Android开发的主要集成开发环境(IDE),为Flutter...

Global site tag (gtag.js) - Google Analytics