很开心的是之前把 mac Flutter 环境搭建好了,今天有时间开始学习 Flutter。但是当我创建 Flutter 项目的时候却悲催了,真的是一步一个坎啊,下面把我遇到的问题与解决方式记录下来。

使用 Android Studio 创建 Flutter 项目

1.File>New>New Flutter Project
2.选择 Flutter application 作为 project 类型, 然后点击 Next
3.选择 Flutter Application,点击 Next

frc be15704fb7e5a52fe60deff991fe764e - Flutter 学习之路(二):创建第一个 Flutter 程序
创建项目(一)

4.起一个工程名称(app 名称),选择 flutter sdk 路径

frc 48785dbcfb6474171ea4f3ed2f7f8e43 - Flutter 学习之路(二):创建第一个 Flutter 程序
创建项目(二)
问题总结

遇到问题一
创建完项目一直卡在Creating Flutter Project,如下图所示:

frc 176c4caae88859dc1c544e4f96db39c0 - Flutter 学习之路(二):创建第一个 Flutter 程序
问题一

解决方案
强制关闭Android Studio,之后导入 Flutter 项目。
导入方式就是 File>New>Import Project 之后导入工程根目录即可。
这时候又会遇到如下问题
遇到问题二
导入的项目一直报错(报红),这里已经将问题解决就没有截图了,相信大家都知道报红是什么样子的啊。
解决方案
1.使用命令检测问题
执行命令:flutter doctor

frc 03715894e9d5551c8c04214bb1f4c42d - Flutter 学习之路(二):创建第一个 Flutter 程序
执行命令结果

这代表 Android环境是正常的
2.如果执行上述命令还是不可以的话那就升级FlutterSDK或者Dart SDK版本
执行命令:flutter upgrade
3.执行完1、2命令还是报红,那么就执行下面的命令以补全运行项目所支撑的必要文件
执行命令:flutter run

frc 27f25545e9cfa6f277e3c7bb530c98f1 - Flutter 学习之路(二):创建第一个 Flutter 程序
执行命令

执行完命令之后在项目根目录下会多一个文件,如图所示:

frc 1f5c9ea8bf62a11d52b6f282c0e63c4c - Flutter 学习之路(二):创建第一个 Flutter 程序
最后目录层级

好了,经过这几步项目就正常了,最后把 Demo 跑起来了,可以继续玩耍了。

Flutter 学习之路(二):创建第一个 Flutter 程序