天天看點

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環境搭建與配置