5、Studio開發-建立第一個repositories應用
阿新 • • 發佈:2020-10-25
1、開啟Android Studio,所以在視窗選擇Start a new Flutter project(如果沒有這個選項,需要安裝Flutter,步驟看上一章節)
image.png
2、選擇Flutter Application,點選Next
image.png
3、Project name輸入專案名稱,Flutter SDK path選擇第一章節中安裝的Flutter目錄,Project location選擇專案程式碼存放目錄,Description填寫描述資訊,勾選上Create project offline,然後點選Next。
image.png
4、Package Name輸入程式碼的包名,下面預設勾選即可,點選Finish。
image.png
5、至此,第一個Flutter建立成功,在程式碼編輯介面,右下角有錯誤提示,KOTLIN_BUNDLED is undefined. 直接點選後面的Fix it即可。
image.png
6、因為Flutter專案是通過Gradle構建的,執行時下載依賴更新速度非常慢,甚至連線不上,這裡將其修改為阿里的映象地址。編輯專案裡面android/build.gradle檔案,將google(),jcenter()註釋掉,新增阿里雲的地址,如下所示
buildscript {
ext.kotlin_version = '1.3.50'
repositories {
// google()
// jcenter()
maven { url 'http://maven.aliyun.com/nexus/content/groups/public/' }
maven { url 'http://maven.aliyun.com/nexus/content/repositories/jcenter' }
maven { url 'http://maven.aliyun.com/nexus/content/repositories/google' }
maven { url 'http://maven.aliyun.com/nexus/content/repositories/gradle-plugin' }
}
dependencies {
classpath 'com.android.tools.build:gradle:3.5.0'
classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
}
}
allprojects {
repositories {
// google()
// jcenter()
maven { url 'http://maven.aliyun.com/nexus/content/groups/public/' }
maven { url 'http://maven.aliyun.com/nexus/content/repositories/jcenter' }
maven { url 'http://maven.aliyun.com/nexus/content/repositories/google' }
maven { url 'http://maven.aliyun.com/nexus/content/repositories/gradle-plugin' }
}
}
7、執行第一個Flutter專案,在上面的選單列表<no devices>選擇Open Android Emulator:Pixel...,會開啟手機模擬器,然後點選後面的debugger按鈕,會在手機模擬器中執行我們新建的Flutter應用。
image.png
image.png
8、至此,第一個Flutter專案就執行起來了,介面效果如下:
image.png