在Android Studio 创建第一个Flutter应用

前期准备

1、flutter 开发环境的配置,可以看下这篇文章

2、在 Android Studio 中 安卓 Flutter插件

File>>Settings>>Plugins>>Browse repositorise

直接输入 Flutter 进行搜索,点击 install 进行安装,安装 Flutter 插件的同时,也会提醒你安装 Dart 插件,点击同意即可。如图:
在这里插入图片描述

安卓完重启 Android Studio 即可。

3、检查配置 Flutter 、Dart 插件相对应的路径,在开始配置开发环境的时候,如果已经配置好用户环境变量,Android Studio 中会自动获取相应路径,如图:
在这里插入图片描述
在这里插入图片描述

创建一个Flutter 应用

直接上图

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
根据规则填写相应项目名称,点击 Next ,点击 Finish 完成项目的创建。

遇见的一些坑

新建完项目,连接手机,点击运行,没预想中的那么顺利,出现了一些红红的字体,如图:
在这里插入图片描述

在网上查了一些资料,以下是解决过程

在 命令窗了执行 flutter doctor 命令,如图:
在这里插入图片描述

注意[]中的 对勾、和感叹号,据说还有一种八叉。看见[!] 这一项中有提示,那么咱们根据他的提示执行命令:

flutter doctor --android-licenses 如图所示:

在这里插入图片描述

执行完该命令大概会有3次询问是否同意,直接敲 Y 回车即可。最终结果如图:

在这里插入图片描述

执行flutter doctor --verbose 查看是否需要安装其它依赖项来完成安装

在这里插入图片描述

最终检查没有 [!] ,重新运行项目,这下应该好使了哇,然而…还是有问题,如图:

在这里插入图片描述

有事百度,谷歌一顿搜,从控制台打印出来的错误信息大概和 Gradle 相关,最后解决办法如下:

在 flutter sdk 的目录下找见 flutter>>packagesr>>flutter_toolsr>>gradle 文件夹,打开 flutter.gradle 文件,做以下修改

在这里插入图片描述

保存后,重新运行项目,OK,第一个 flutter 完成,看下效果

在这里插入图片描述

结束语

在遇到错误的时候需要在错误信息中提取关键信息

至于为什么添加那一行代码就可以了,其实我也不太清楚,我只是和安卓项目中的 build.gradle 做了下对比,可能是 gradle 仓库在国内访问不到 ?或者其他原因?

历史文章

Flutter开发环境搭建(Windows环境下)

大家有兴趣的话可以关注下我的公众号
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值