在Android Studio中創建Flutter工程

準備工作

  • 安裝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並安裝:
dartPlugin
然後搜索flutter並安裝:
flutterPlugin
安裝完成後,重啓Android Studio。
若安裝成功,再次進入到Settings界面,左側的Languages & Framewords標籤下會多出Dart和Flutter兩個子標籤。
選擇Flutter標籤,將右側的Flutter SDK path設置爲本地的flutter安裝目錄。
flutterPath

創建Flutter工程

點擊File→New,右側會多出一個New Flutter Project的選項。
flutterProject
進入Flutter工程創建嚮導,選擇Flutter Application:
flutterNew1
在Flutter SDK path中選擇本地的Flutter安裝目錄,並設置Project location:
flutterNew2
完善公司信息,點Finish完成創建。
flutterNew3

工程

打開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'}
    }
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章