Flutter入門(5):使用 Android Studio 開始 Flutter 編程

1. SDK下載與環(huán)境變量

SDK下載與環(huán)境變量

2. IDE 安裝

Xcode,Android Studio安裝,以及 flutter 支持

3. 創(chuàng)建 flutter 項目

例如:主工程目錄為 $HOME/Desktop/Flutter
flutter create $HOME/Desktop/Flutter/MyApp

4. 拖動 MyApp 文件夾至 Android Studio 上打開

open_flutter.jpg

正常打開后,Android Studio 上方如下圖


as_normal.png

這時候已經(jīng)有 iOS 和 安卓兩種模擬器可以選擇了。

5. 運行第一個程序

首次啟動建議使用命令行工具,進入到工程主目錄下,執(zhí)行以下命令

flutter run


flutter run ios.png

打開安卓模擬器時,如果有如下圖報錯


flutter run android error.png

參考 gradle 安裝教程重新安裝 gradle

按照提示選擇對應的模擬器,分別進行 iOS 和 Android 模擬器的運行。之后就可以直接 Android Studio 運行到對應模擬器了。

6. 其他問題

一般來說,很少有一帆風順的安裝使用過程,下邊是我踩坑的幾個地方。

  • 正常啟動了 Android Studio,但是找不到安卓模擬器

正常情況,Android SDK 路徑為 $HOME/Library/Android/sdk,執(zhí)行以下命令后重新運行 Android Studio

flutter config --android-sdk $HOME/Library/Android/sdk
flutter doctor

  • 使用網(wǎng)上的 git reset --hard 方法切換 flutter 版本,導致部分庫丟失

我在嘗試解決第一個問題時,在網(wǎng)上找到一個切換 flutter 版本的方法,嘗試后,出現(xiàn)了沖突,導致 dart 庫丟失,工程無法正常運行,flutter doctor 也無法正常運行。

后來嘗試切換到 flutter 的其他分支,但是很麻煩,丟失的庫文件找不到。
下邊給遇到相同問題的提供兩種解決方案:

a. 重新安裝 SDK
SDK安裝方法,比較暴力,但很有效

b. 更新 flutter
進入到 flutter 目錄下,打開 flutter/bin,刪除 cache 文件夾后,執(zhí)行下方命令

flutter upgrade

flutter upgrade.png

這一步操作完成后,在執(zhí)行 flutter doctor 驗證無問題后,重新打開 Android Studio 即可。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。