在Android Studio 创建第一个Flutter应用

前期准备

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

2、在 Android Studio 中 安卓 Flutter插件

File>>Settings>>Plugins>>Browse repositorise

直接输入 Flutter 进行搜索,点击 install 进行安装,安装 Flutter 插件的同时,也会提醒你安装 Dart 插件,点击同意即可。如图:
在Android Studio 创建第一个Flutter应用_第1张图片

安卓完重启 Android Studio 即可。

3、检查配置 Flutter 、Dart 插件相对应的路径,在开始配置开发环境的时候,如果已经配置好用户环境变量,Android Studio 中会自动获取相应路径,如图:
在Android Studio 创建第一个Flutter应用_第2张图片
在Android Studio 创建第一个Flutter应用_第3张图片

创建一个Flutter 应用

直接上图

在Android Studio 创建第一个Flutter应用_第4张图片
在Android Studio 创建第一个Flutter应用_第5张图片
在Android Studio 创建第一个Flutter应用_第6张图片
根据规则填写相应项目名称,点击 Next ,点击 Finish 完成项目的创建。

遇见的一些坑

新建完项目,连接手机,点击运行,没预想中的那么顺利,出现了一些红红的字体,如图:
在Android Studio 创建第一个Flutter应用_第7张图片

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

在 命令窗了执行 flutter doctor 命令,如图:
在Android Studio 创建第一个Flutter应用_第8张图片

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

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

在Android Studio 创建第一个Flutter应用_第9张图片

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

在Android Studio 创建第一个Flutter应用_第10张图片

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

在Android Studio 创建第一个Flutter应用_第11张图片

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

在Android Studio 创建第一个Flutter应用_第12张图片

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

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

在Android Studio 创建第一个Flutter应用_第13张图片

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

在Android Studio 创建第一个Flutter应用_第14张图片

结束语

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

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

历史文章

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

大家有兴趣的话可以关注下我的公众号
在Android Studio 创建第一个Flutter应用_第15张图片

你可能感兴趣的:(Flutter)