Flutter项目兼容鸿蒙Next系统

25-03-07 22:22

3494

9607

blog.csdn.net

id="article_content" class="article_content clearfix"> id="content_views" class="htmledit_views">

一、环境搭建：

1.1 下载鸿蒙DevEco Studio开发工具。

下载地址：下载中心 | 华为开发者联盟-HarmonyOS开发者官网，共建鸿蒙生态
下载之前需要先登录，后面的模拟器创建还要开发者验证、审核啥的，好在审核进度还可以，我这边提交申请后差不多两个小时审核通过。
找到自己电脑系统匹配的版本下载安装步骤比较简单，一步步next直到完成即可，新版本的工具已经集成node和ohpm等环境进去了，不用单独下载安装了。

1.2 下载鸿蒙版flutter

Flutter 3.22.0 版本： 3.22.0版本
Flutter 3.7.12 版本：3.7.12版本

1.3 环境变量配置（mac 电脑)

 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="1">

class="hljs-ln-code"> class="hljs-ln-line">export TOOL_HOME=/Applications/DevEco-Studio.app/Contents/

class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="2">

 class="hljs-ln-code"> class="hljs-ln-line">export DEVECO_SDK_HOME=$TOOL_HOME/sdk  class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="3"> class="hljs-ln-code"> class="hljs-ln-line">export PATH=$TOOL_HOME/tools/ohpm/bin:$PATH
 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="4"> class="hljs-ln-code"> class="hljs-ln-line">export PATH=$TOOL_HOME/tools/hvigor/bin:$PATH 
 class="hljs-ln-numbers"> class="hljs-ln-line hljs-ln-n" data-line-number="5"> class="hljs-ln-code"> class="hljs-ln-line">export PATH=$TOOL_HOME/tools/node/bin:$PATH

class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}" onclick="hljs.signin(event)">

1.4 下载Java JDK 17并配置

1.5 检测环境配置是否正确（Futter与OpenHarmony都OK为配置正确）如下图：

flutter doctor -v class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}" onclick="hljs.signin(event)">

二、创建项目

2.1 新项目创建方式：

flutter create --platforms android,ios,ohos project_name class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}" onclick="hljs.signin(event)">

2.2 已有Flutter项目创建方式：

flutter create --platforms ohos . class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}" onclick="hljs.signin(event)">

3.3 创建完会生成一个ohos文件夹，如下图：

三、使用DevEco Studio 打开 ohos文件夹目录

3.1 打开项目会出现这种错误：如下图：（没有的可以忽略）

3.2 解决方式在根目录下运行一下代码：

flutter build hap class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}" onclick="hljs.signin(event)">

3.3 出现成功结果就可以运行到真机或者模拟器。如下图：

3.4 运行模拟器成功的界面如下图：

注：本文转载自blog.csdn.net的敲代码的小强的文章"https://blog.csdn.net/hzqit520/article/details/144634597"。版权归原作者所有，此博客不拥有其著作权，亦不承担相应法律责任。如有侵权，请联系我们删除。

复制链接

发表评论

/ 登录

评论记录：

未查询到任何数据！