【HarmonyOS】HarmonyOS 和 Flutter混合开发 (一)之鸿蒙Flutter环境安装

【HarmonyOS】HarmonyOS 和 Flutter混合开发 (一)之鸿蒙Flutter环境安装

一、前言

flutter作为开源适配框架方案,已经在Android,IOS,Web,Window四大平台进行了适配,一套代码,可以同时展现在多个平台。所以Flutter适配鸿蒙也正式发布了。经过了今年的迭代,已经逐渐稳定中,虽然没有RN框架在鸿蒙上的适配速度快,但是也可以商用了。

关于Flutter跨平台方案的性能,可以参考这篇文章:跨平台为何选择Flutter

二、混合开发环境安装

使用flutter开发HarmonyOS,需要分别安装这两个的开发环境,鸿蒙环境安装略过了。详情可以参照之前的博客安装步骤:鸿蒙应用开发环境安装和配置

目前鸿蒙 Flutter的环境还是有映射匹配的关系:需要使用 API12, deveco-studio-5.0 或 command-line-tools-5.0,安装鸿蒙时需要注意。

flutter环境单独安装,可参考这篇文章:Flutter 第二章 环境安装

1. 下载JDK环境
在鸿蒙中的flutter的安装与单独安装大同小异。首先需要安装java环境。即: JDK 17下载官网链接。

以window举例:
在这里插入图片描述
选择对应的设备型号下载链接后,再下面这个弹框中,勾选同意,才能点击下载按钮。
在这里插入图片描述
需要注意的是,现在Oracle官网下载JDK需要注册用户了。使用邮箱注册即可。

下载时,有可能遇到下载链接后,提示400,请求头cookie过大。此时更换浏览器为隐私模式,再重新去官网链接下载即可。
在这里插入图片描述
在这里插入图片描述
2.进行JDK环境安装
点击下载后的exe安装包,傻瓜式安装即可。
在这里插入图片描述
注意,默认安装在C盘。提前在其他盘创建好文件夹,粘贴到更改路径里,然后点击下一步安装。等待安装完成。
在这里插入图片描述
安装完成后,直接通过命令验证版本:
在这里插入图片描述
显示截图这类信息,代表JDK安装完成。(现在是真方便了,当年还要单独配置JDK的环境变量)

3.下载鸿蒙版flutter
https://gitee.com/openharmony-sig/flutter_flutter
在这里插入图片描述

下载压缩包后,解压放在c盘以外的文件夹。后面配置需要用到文件路径。

4.配置Flutter开发环境变量

在这里插入图片描述
计算机属性-高级系统设置-环境变量

 #依赖缓存export PUB_CACHE=D:/PUB(自定义路径)
# 国内镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn# 拉取下来的flutter_flutter/bin目录
export PATH=D:\CodeWorld\Flutter\flutter_flutter-master\bin:$PATH# OpenHarmony SDK
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
export HDC_HOME=$TOOL_HOME/sdk/default/openharmony/toolchains # hdc指令(可选)# 可选配置项(防止由于flutter鸿蒙版的git下载地址环境变量不匹配,影响后续的flutter项目创建)
export FLUTTER_GIT_URL=https://gitee.com/openharmony-sig/flutter_flutter.gitexport PATH=<git path>/cmd:$PATH

将以上信息,成对配置在环境变量的系统变量里。以下图举例:
在这里插入图片描述
注意
PATH配置到系统环境变量的path里新增即可。
Windows环境下flutter工程和依赖的插件工程需要在同一个磁盘。
windows环境中需要添加git环境变量配置,否则会造成执行 flutter 命令 出现闪退。

以上配置完成后,重启电脑,环境变量生效。使用 flutter doctor -v 进行检查。
在这里插入图片描述
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/491908.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

2024年企业中生成式 AI 的现状报告

从试点到生产&#xff0c;企业 AI 格局正在被实时改写。我们对 600 名美国企业 IT 决策者进行了调查&#xff0c;以揭示新兴的赢家和输家。 从试点到生产 2024 年标志着生成性人工智能成为企业关键任务的一年。这些数字讲述了一个戏剧性的故事&#xff1a;今年人工智能支出飙升…

Linux 磁盘空间不足之排查方法(Troubleshooting Method for Linux Disk Space Shortage)

Linux 磁盘空间不足之排查方法 在Linux系统运维过程中&#xff0c;磁盘空间不足是一个常见且棘手的问题。当磁盘空间被占满时&#xff0c;系统的正常运行会受到影响&#xff0c;甚至可能导致服务中断。因此&#xff0c;迅速有效地排查和解决磁盘空间问题显得尤为重要。本文将详…

【Mybatis】MyBatis 探秘:#{} 与 ${} 参传差异解码,数据库连接池筑牢数据交互根基

前言 &#x1f31f;&#x1f31f;本期讲解关于Spring IOC&DI的详细介绍~~~ &#x1f308;感兴趣的小伙伴看一看小编主页&#xff1a;GGBondlctrl-CSDN博客 &#x1f525; 你的点赞就是小编不断更新的最大动力 &#x1f386;那么…

Ubuntu系统安装MySQL

使用在线方式安装 更新软件包 sudo apt update安装MySQL服务器 # 查看可使用的安装包 sudo apt search mysql-server安装指定版本的MySQL # 安装指定版本 sudo apt install -y mysql-server-8.0如果不加-y 会在安装过程中&#xff0c;系统将提示你设置MySQL的root密码。记住…

解决git clone时报错“authentication failed for huggingface repository”

问题1&#xff1a; 已经获取了模型的授权&#xff0c;但是git clone时&#xff0c;弹出弹窗 输入huggingface的用户名和密码后&#xff0c;报错如下 解决方式1&#xff1a; 阅读红框标注的说明&#xff0c;“password authentication in git is no longer supported.”&#…

(css)鼠标移入或点击改变背景图片

(css)鼠标移入或点击改变背景图片 html <div class"mapTip"><divv-for"(item, index) of legendList":key"index"class"mapTipOne":class"{ active: change index }"click"legendHandle(item, index)"…

下一代测序技术在宏基因组学中的应用

随着生物技术的迅猛发展&#xff0c;下一代测序技术&#xff08;Next Generation Sequencing, NGS&#xff09;已成为现代生物学和医学研究的核心工具之一。NGS技术不仅极大地提高了DNA测序的速度和通量&#xff0c;还显著降低了测序成本。这些优势使得NGS在多个领域得到了广泛…

基于 iAP2 协议 的指令协议,用于对安防设备的 MCU 进行操作

协议设计目标 1. 安全性&#xff1a;通过 iAP2 协议与 MCU 设备进行安全通信。 2. 通用性&#xff1a;支持对安防设备的常见功能进行操作&#xff0c;如状态查询、设备控制、参数配置等。 3. 高效性&#xff1a;数据结构简洁清晰&#xff0c;易于解析和扩展。 4. 扩展性&#x…

了解ARM的千兆以太网——RK3588

1. 简介 本文并不重点讲解调试内容&#xff0c;重点了解以太网在ARM设计中的框架以及在设备树以及驱动的一个整体框架。了解作为一个驱动开发人员当拿到一款未开发过的ARM板卡应该怎么去把网卡配置使用起来。 2. 基础知识介绍 在嵌入式ARM中实现以太网的解决方案通常有以下两种…

随机森林算法原理

随机森林算法原理 算法流程随机森林的生成随机森林的预测 算法总结随机森林的优点随机森林的缺点 算法流程 随机森林的生成 输入训练数据 D&#xff0c;样本个数为 m &#xff0c;待学习的决策树数量为 T。 对于 t 1,2,…,T&#xff0c;从 D 中有放回地采样 m 次&#xff0c…

asp.net repeater嵌套

OnItemCreated方式 <%-- 一级Repeater绑定班级信息 --%><asp:Repeater ID"rptClassInfo" runat"server" OnItemCreated"rptClassInfo_ItemCreated"><ItemTemplate><div class"classInfo"><h3><%# Ev…

35. Three.js案例-创建带阴影的球体与平面

35. Three.js案例-创建带阴影的球体与平面 实现效果 知识点 WebGLRenderer WebGLRenderer 是Three.js中用于渲染场景的主要类之一&#xff0c;它负责将场景中的对象渲染到画布上。 构造器 new THREE.WebGLRenderer(parameters : Object) 参数类型描述parametersObject可选…

TouchGFX移植(2)STM32CubeMX配置

硬件平台&#xff1a;STM32F429IGT6 屏&#xff1a;7寸RGB&#xff0c; 1024 X 600分辨率 1&#xff09;选择芯片 2&#xff09;SYS配置 3&#xff09;RCC配置 4&#xff09;FMC配置&#xff08;驱动板载SDRAM&#xff09; 这里的配置需要结合硬件原理图的接线&#xff1a;…

数字IC后端设计实现篇之TSMC 12nm TCD cell(Dummy TCD Cell)应该怎么加?

TSMC 12nm A72项目我们需要按照foundary的要求提前在floorplan阶段加好TCD Cell。这个cell是用来做工艺校准的。这个dummy TCD Cell也可以等后续Calibre 插dummy自动插。但咱们项目要求提前在floorplan阶段就先预先规划好位置。 TSCM12nm 1P9M的metal stack结构图如下图所示。…

30.攻防世界unserialize3

进入场景 解读一下 这个类 xctf 中有一个公共属性 $flag &#xff0c;其值为 111 &#xff0c;并且定义了一个 __wakeup 魔术方法&#xff0c;当对象被反序列化时会自动调用该方法&#xff0c;该方法会输出 bad requests 并终止程序的执行。 ?code提示了参数 <?php clas…

串口UART

1.并行和串行通信 2.常见的串行通信 3.同步和异步通信。同步通信需要时钟信号&#xff0c;异步通信不需要时钟信号。 4.双工通信 5.串口UART常见的几种协议 6.ARM单片机硬件结构 GD32F303单片机串口连接方式。 7.串口寄存器 8.底层如何调用上层的函数&#xff0c;注册回调…

html基础-认识html

1.什么是html html是浏览器可以识别的的标记语言&#xff0c;我们在浏览器浏览的网页就是一个个的html文档 <!DOCTYPE html> <html> <head> <meta charset"utf-8"> <title>认识html</title> </head> <body><h1…

Elasticsearch问题总结

Fielddata access on the_id field is disallowed, you can re-enable it by updating the dynamic cluster setting: indices.id_field_data.enabledElasticsearch默认禁用_id字段进行排序&#xff0c;这是因为_id字段通常不需要进行聚合或排序操作&#xff0c;启用字段数据可…

程序的基本结构

图3.1 顺序结构 顺序结构 程序自上而下逐行执行&#xff0c;一条语句执行完之后继续执行下一条语句&#xff0c;一直到程序末尾 图3.2 分支结构 上图的程序执行流程为: 当判断条件为真时&#xff0c;执行语句1&#…

Fiddler勾选https后google浏览器网页访问不可用

一、说明 最近电脑重新安装系统后&#xff0c;之前的所有工具都需要重新安装和配置&#xff0c;有个项目需要抓包https包查看一下请求的内容&#xff0c;通过Fiddler工具&#xff0c;但是开启后&#xff0c;发现https的无法抓取&#xff0c;同时google浏览器也不无法访问互联网…