天天看点

Flutter环境搭建与配置

前言

作为一名Android开发者,由Java开发到现在的Kotlin + Jetpack开发,很明显已经满足不了市场需求,个别大厂已经使用Flutter语言操刀项目了,看了 FlutterGo,FlutterUnit 两个项目中收录的上百种 Widget,可以看出 Flutter 发展到现在已经很成熟了

资料收集

  • Flutter中文网:https://flutterchina.club
  • Flutter实战:https://book.flutterchina.club
  • Dart中文网:https://www.dartcn.com
  • Flutter SDK:https://github.com/flutter/flutter/releases
  • Flutter Widget API:https://api.flutter.dev/index.html 需要科学上网
  • Flutter中文社区:https://flutter.cn

Tip:在国内,要想正常获取安装包列表或下载安装包,可能需要科学上网,所以建议去Github克隆releases版本的 Flutter SDK

SDK配置

1.先配置用户环境变量
Flutter环境搭建与配置

PUB_HOSTED_URL=https://pub.flutter-io.cn

FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

2.再使用 git 或者 GitHub Desktop 克隆Flutter SDK,克隆完成后,在Window的环境变量中进行配置
Flutter环境搭建与配置

Android Studio安装插件

在Setting—>Plugins中Flutter,Dart插件

Flutter环境搭建与配置

配置Flutter SDK

Flutter环境搭建与配置

配置Dart SDK

Flutter环境搭建与配置

插件安装完成后重启Android Stuido,使用dos命令查看结果,输入 flutter doctor 查看flutter sdk配置结果。

Tip:第一次使用 flutter doctor 命令时间会先更新flutter和dart SDK包,耐心等待下载即可。

更新完成后,再次输入 flutter doctor 查看结果。命令打印的结果中四个选项都正确,说明配置成功。

Flutter环境搭建与配置

踩坑1

安装好后发现File中却没有 New Flutter Project… 选项

Flutter环境搭建与配置

在网上搜索了一圈原来是 Android APK Support 插件没有启用

Flutter环境搭建与配置

勾选 Android APK Support 插件后,点击 Apply 同步,然后重启Android Studio在打开File菜单就会看到 New Flutter Project… 选项

Flutter环境搭建与配置

接下来正常创建Flutter项目即可!!!

踩坑2

更新依赖库版本后点击同步偶尔会出现 Waiting for another flutter command to release the startup lock… 提示,然后就会一直卡住不动,意思是有一个flutter命令锁未释放,如下:

Flutter环境搭建与配置

解决办法是找到 Flutter SDK 文件夹中对应的 lockfile 文件删除,然后重启Android Studio恢复正常。

Flutter环境搭建与配置