Flutter相關(guān)配置及問題記錄

Flutter相關(guān)配置及問題記錄

Flutter是谷歌的移動UI框架,可以快速在iOS和Android上構(gòu)建高質(zhì)量的原生用戶界面。 Flutter可以與現(xiàn)有的代碼一起工作。在全世界,F(xiàn)lutter正在被越來越多的開發(fā)者和組織使用,并且Flutter是完全免費、開源的。

Windows 環(huán)境配置

Windows 環(huán)境下開發(fā) Flutter 需要以下環(huán)境:

  • Java 開發(fā)環(huán)境 (JavaSDK,用于Android開發(fā))
  • GIT
  • Flutter SDK
  • IDE (Flutter支持很多開發(fā)工具,如:Android Studio、Visual Studio Code、IDEA等)
    • 部分IDE需要自行安裝開發(fā)插件(如:Flutter、Dart等插件)
  • AVD虛擬機

Windows環(huán)境安裝配置參看

PUB鏡像源配置

# Flutter 社區(qū) (推薦使用)
FLUTTER_STORAGE_BASE_URL: https://storage.flutter-io.cn
PUB_HOSTED_URL: https://pub.flutter-io.cn

# 上海交通大學(xué) Linux 用戶組
FLUTTER_STORAGE_BASE_URL: https://mirrors.sjtug.sjtu.edu.cn
PUB_HOSTED_URL: https://dart-pub.mirrors.sjtug.sjtu.edu.cn

由于部分原因,可以使用以上鏡像源,來保證在國內(nèi)正常使用Flutter,以上鏡像源配置在 系統(tǒng)環(huán)境變量 中。

Gradle鏡像源配置

Flutter 編譯Android程序時,需要使用 Gradle ,由于網(wǎng)絡(luò)原因,會下載很慢或者失敗,可以進(jìn)行如下操作:

  • 針對單個項目配置(單個項目生效)。打開項目目錄下的 build.gradle,并將文件內(nèi)的

     repositories {
      google()
      jcenter()
     }
    

    按類似下面提示修改:

    buildscript { 
        repositories { 
            //google()
            //jcenter()
            
            ------------ 注釋上面內(nèi)容,復(fù)制下面內(nèi)容 ----------------
            maven { url 'https://plugins.gradle.org/m2/' }
            maven { url 'http://maven.aliyun.com/nexus/content/repositories/google' }
            maven { url 'http://maven.aliyun.com/nexus/content/groups/public/' } 
            maven { url 'http://maven.aliyun.com/nexus/content/repositories/jcenter'} 
            ------------------- 復(fù)制上面內(nèi)容 ---------------------
        ...
    }
    allprojects { 
      repositories { 
            //google()
            //jcenter()
            ------------ 注釋上面內(nèi)容,復(fù)制下面內(nèi)容 ----------------
            maven { url 'https://plugins.gradle.org/m2/' }
            maven { url 'http://maven.aliyun.com/nexus/content/repositories/google' }
            maven { url 'http://maven.aliyun.com/nexus/content/groups/public/' } 
            maven { url 'http://maven.aliyun.com/nexus/content/repositories/jcenter'} 
            ------------------- 復(fù)制上面內(nèi)容 ---------------------  
        } 
    }
    
  • 針對全局配置(所有項目生效)??梢栽?C:\Users\[用戶名]\.gradle 目錄下創(chuàng)建 init.gradle ,并寫入以下內(nèi)容:

    allprojects{
        repositories {
            def ALIYUN_REPOSITORY_URL = 'http://maven.aliyun.com/nexus/content/groups/public'
            def ALIYUN_JCENTER_URL = 'http://maven.aliyun.com/nexus/content/repositories/jcenter'
            all { ArtifactRepository repo ->
                if(repo instanceof MavenArtifactRepository){
                    def url = repo.url.toString()
                    if (url.startsWith('https://repo1.maven.org/maven2')) {
                        project.logger.lifecycle "Repository ${repo.url} replaced by $ALIYUN_REPOSITORY_URL."
                        remove repo
                    }
                    if (url.startsWith('https://jcenter.bintray.com/')) {
                        project.logger.lifecycle "Repository ${repo.url} replaced by $ALIYUN_JCENTER_URL."
                        remove repo
                    }
                }
            }
            maven {
                url ALIYUN_REPOSITORY_URL
                url ALIYUN_JCENTER_URL
            }
        }
    }
    
  • 修改 ..\[Flutter SDK目錄]\packages\flutter_tools\gradle 目錄下的 flutter.gradle 文件內(nèi)容

    buildscript {
        repositories {
            // google()
            // jcenter()
            
            ------------ 注釋上面內(nèi)容,復(fù)制下面內(nèi)容 ----------------
            maven { url 'https://plugins.gradle.org/m2/' }
            maven { url 'http://maven.aliyun.com/nexus/content/repositories/google' }
            maven { url 'http://maven.aliyun.com/nexus/content/groups/public/' }
            maven { url 'http://maven.aliyun.com/nexus/content/repositories/jcenter'}
          ------------------- 復(fù)制上面內(nèi)容 ---------------------  
        }
        dependencies {
            classpath 'com.android.tools.build:gradle:3.2.1'
        }
    }
    

注意: 進(jìn)行以上配置后,使用時,盡量不要掛梯子,防止造成影響。

Android模擬器的Intel顯卡硬件加速

在 Android Studio 中Debug運行Android模擬器時,會出現(xiàn)一些錯誤,此時要確保開啟虛擬化且支持Intel硬件加速(另,新版的Android模擬器中也開始支持AMD顯卡加速)。相關(guān)配置及注意內(nèi)容參看下文:


問題記錄

模擬器相關(guān)錯誤

Emulator: emulator: ERROR: x86 emulation currently requires hardware acceleration!

Emulator: ERROR: x86 emulation currently requires hardware acceleration!

Please ensure Intel HAXM is properly installed and usable.

CPU acceleration status: HAX kernel module is not installed!

錯誤中有了明確的問題提示,確定是否正確安裝或使用 Intel HAXM, 即是否正確安裝 intelhaxm-android.exe ,且確保 BIOS 中開啟了硬件虛擬化。可以參看 stackoverflow 中提供的解決方案 或參看 此文。


開發(fā)相關(guān)問題

VS Code 程序引入三方包,提示 uri_does_not_exist

在包管理配置文件 pubspec.yaml, dependencies 里聲明要引入的三方庫及對應(yīng)的版本后,使用在終端中執(zhí)行命令 flutter packages get 下載三方包,之后在需要的地方通過 import 引入時, VS Code 中會提示 uri_does_not_exist 錯誤。出現(xiàn)此問題時,執(zhí)行 flutter packages get 后,嘗試重啟編輯器。添加依賴詳情見官方文章 。

編譯時報錯 uses-sdk:minSdkVersion 16 cannot be smaller than version 17 declared in library

在引入 flutter_inappbrowser 插件編譯時,出現(xiàn)錯誤 uses-sdk:minSdkVersion 16 cannot be smaller than version 17 declared in library

flutter_inappbrowser 的github的readme文件中,有關(guān)于該插件的 Requirements

  • Dart sdk: ">=2.1.0-dev.7.1 <3.0.0"
  • Flutter: ">=0.10.1 <2.0.0"
  • Android: minSdkVersion 17
  • iOS: --ios-language swift

并在后續(xù)提到出現(xiàn)關(guān)于該錯誤的處理 , 即需要修改 build.gradle 配置文件中 minSdkVersion 的版本到 17

處理步驟大致如下:

  • 找到項目目錄下 項目名\android\app\build.gradle 文件

  • build.gradle 配置文件中找到 minSdkVersion 并將后面的版本號更改為 17

    defaultConfig {
        // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html).
        applicationId "com.example.flutter_sl_webview"
        minSdkVersion 17 // <------- 修改此處
        targetSdkVersion 28
        versionCode flutterVersionCode.toInteger()
        versionName flutterVersionName
        testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
    }
    

使用三方包時,編譯出現(xiàn)類似 minSdkVersion 問題均可如此處理。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 說明 本文主要介紹和Gradle關(guān)系密切、相對不容易理解的配置,偏重概念介紹。部分內(nèi)容是Android特有的(例如...
    搬磚的小明閱讀 16,176評論 1 62
  • 1、爬蟲的概念 ? 概念:(spider,網(wǎng)絡(luò)蜘蛛),通過互聯(lián)網(wǎng)上一個個的網(wǎng)絡(luò)節(jié)點,進(jìn)行數(shù)據(jù)的獲取 ? 分類: ?...
    學(xué)飛的小雞閱讀 538評論 0 0
  • MUI-打開頁面、及頁面間傳參 方法匯總 有三件事人類都要經(jīng)歷:出生生活和死亡。他們出生時無知無覺,死到臨頭,痛不...
    x8q7閱讀 1,555評論 0 0
  • 事實:今天接待TA08心連心公益活動的嘉賓、義工。 感受:愉悅!自在!流暢! 演繹:別人會說我已經(jīng)TA08下車了,...
    少鷹閱讀 211評論 0 0

友情鏈接更多精彩內(nèi)容