準備工作
- 安裝Android Studio,並安裝最新版本Android SDK。
- 安裝Flutter SDK,並已設置環境變量。推薦安裝dev版本。
Flutter集成了Dart,因此不需要單獨安裝dart-sdk。
安裝Android Studio插件
Android Studio需要安裝Dart和Flutter兩個插件。
打開Android Studio,選擇File→Settings,在彈出的Settings對話框左側選Plugins標籤,點擊右側下方中間的Browse repositories…,在彈出的對話框中搜索dart並安裝:
然後搜索flutter並安裝:
安裝完成後,重啓Android Studio。
若安裝成功,再次進入到Settings界面,左側的Languages & Framewords標籤下會多出Dart和Flutter兩個子標籤。
選擇Flutter標籤,將右側的Flutter SDK path設置爲本地的flutter安裝目錄。
創建Flutter工程
點擊File→New,右側會多出一個New Flutter Project的選項。
進入Flutter工程創建嚮導,選擇Flutter Application:
在Flutter SDK path中選擇本地的Flutter安裝目錄,並設置Project location:
完善公司信息,點Finish完成創建。
工程
打開Flutter工程,右上角爲模擬器與主類。若此時有模擬器運行,則模擬器列表中就會列出。
點擊右上角的綠色三角形圖標來run,下方控制檯會顯示執行過程。若一切順利,模擬器中就可以看到app的頁面了。
若無法翻牆,則運行可能出錯。使用下面阿里鏡像的解決方案。
阿里鏡像
由於flutter需要翻牆,因此設置使用阿里鏡像:
打開工程根目錄\android\build.gradle文件,修改buildscript爲:
buildscript {
repositories {
// google()
// jcenter()
maven{ url 'https://maven.aliyun.com/repository/google' }
maven{ url 'https://maven.aliyun.com/repository/jcenter' }
maven{url 'http://maven.aliyun.com/nexus/content/groups/public'}
}
}