跳至主要內容

從 Windows 開始,將 Android 新增為 Flutter 的目標平台

若要將 Android 新增為 Windows 的 Flutter 應用程式目標,請遵循此程序。

安裝 Android Studio

#
  1. 為 Android Studio 分配至少 7.5 GB 的儲存空間。考慮分配 10 GB 的儲存空間以獲得最佳設定。
  2. 安裝 Android Studio 2023.3.1 (Jellyfish) 或更新版本,以便偵錯並編譯適用於 Android 的 Java 或 Kotlin 程式碼。Flutter 需要完整版本的 Android Studio。

設定 Android 開發

#

在 Android Studio 中設定 Android 工具鏈

#

help 說明

若要使用 Flutter 建立 Android 應用程式,請確認已安裝下列 Android 元件。

  • Android SDK Platform,API 35.0.1
  • Android SDK 命令列工具
  • Android SDK 建置工具
  • Android SDK Platform-Tools
  • Android 模擬器

如果您尚未安裝這些元件,或者您不確定,請繼續執行下列步驟。

否則,您可以跳到下一節

  1. 啟動 Android Studio

    隨即顯示 Welcome to Android Studio 對話方塊。

  2. 依照 Android Studio 設定精靈 的指示操作。

  3. 安裝下列元件

    • Android SDK Platform,API 35.0.1
    • Android SDK 命令列工具
    • Android SDK 建置工具
    • Android SDK Platform-Tools
    • Android 模擬器
  1. 啟動 Android Studio

  2. 前往 Settings 對話方塊以檢視 SDK Manager

    1. 如果開啟了專案,請前往 Tools > SDK Manager

    2. 如果顯示 Welcome to Android Studio 對話方塊,請按一下 Open 按鈕後方的 More Options 圖示,然後從下拉式選單中按一下 SDK Manager

  3. 按一下 SDK Platforms

  4. 確認已選取 Android API 35.0.1

    如果 Status 欄顯示 Update availableNot installed

    1. 選取 Android API 35.0.1

    2. 按一下 Apply

    3. 當顯示 Confirm Change 對話方塊時,按一下 OK

      隨即顯示 SDK Quickfix Installation 對話方塊,並顯示完成進度條。

    4. 安裝完成時,按一下 Finish

      在您安裝最新的 SDK 後,Status 欄可能會顯示 Update available。這表示可能未安裝某些額外的系統映像。您可以忽略此訊息並繼續。

  5. 按一下 SDK Tools

  6. 確認已選取下列 SDK 工具

    • Android SDK 命令列工具
    • Android SDK 建置工具
    • Android SDK Platform-Tools
    • Android 模擬器
  7. 如果上述任何工具的 Status 欄顯示 Update availableNot installed

    1. 選取所需的工具。

    2. 按一下 Apply

    3. 當顯示 Confirm Change 對話方塊時,按一下 OK

      隨即顯示 SDK Quickfix Installation 對話方塊,並顯示完成進度條。

    4. 安裝完成時,按一下 Finish

設定您的目標 Android 裝置

#

設定 Android 模擬器

#

help 說明

若要設定您的 Flutter 應用程式在 Android 模擬器中執行,請按照下列步驟建立並選取模擬器。

  1. 在您的開發電腦上啟用 VM 加速

  2. 啟動 Android Studio

  3. 前往 Settings 對話方塊以檢視 SDK Manager

    1. 如果開啟了專案,請前往 Tools > Device Manager

    2. 如果顯示 Welcome to Android Studio 對話方塊,請按一下 Open 按鈕後方的 More Options 圖示,然後從下拉式選單中按一下 Device Manager

  4. 按一下 Virtual

  5. 按一下 Create Device

    隨即顯示 Virtual Device Configuration 對話方塊。

  6. Category 下選取 PhoneTablet

  7. 選取裝置定義。您可以瀏覽或搜尋裝置。

  8. 按一下 Next

  9. 按一下 。

  10. 按一下您要模擬的 Android 版本的一個系統映像。

    1. 如果所需的映像的 Release Name 右側有 Download 圖示,請按一下該圖示。

      隨即顯示 SDK Quickfix Installation 對話方塊,並顯示完成進度條。

    2. 下載完成時,按一下 Finish

  11. 按一下 Next

    Virtual Device Configuration 隨即顯示其 Verify Configuration 步驟。

  12. 若要重新命名 Android 虛擬裝置 (AVD),請變更 AVD Name 方塊中的值。

  13. 按一下 Show Advanced Settings 並捲動至 Emulated Performance

  14. Graphics 下拉式選單中選取 Hardware - GLES 2.0

    這會啟用 硬體加速 並改善算圖效能。

  15. 確認您的 AVD 設定。如果正確,請按一下 Finish

    若要深入瞭解 AVD,請查看 管理 AVD

  16. Device Manager 對話方塊中,按一下您想要的 AVD 右側的 Run 圖示。模擬器會啟動並顯示所選 Android 作業系統版本和裝置的預設畫布。

設定目標 Android 裝置

#

help 說明

若要設定您的 Flutter 應用程式在實體 Android 裝置上執行,您需要執行 Android API level 21 或更新版本的 Android 裝置。

  1. 在您的裝置上啟用 開發人員選項USB 偵錯,如 Android 文件中所述。

  2. [選用] 若要利用無線偵錯,請在您的裝置上啟用 無線偵錯,如 Android 文件中所述。

  3. 將您的裝置插入 Windows 電腦。如果您的裝置提示您,請授權您的電腦存取您的裝置。

  4. 確認 Flutter 可辨識您連線的 Android 裝置。

    預設情況下,Flutter 會使用您的 adb 工具所依據的 Android SDK 版本。若要將不同的 Android SDK 安裝路徑與 Flutter 搭配使用,請將 ANDROID_SDK_ROOT 環境變數設定為該安裝目錄。

同意 Android 授權

#

help 說明

在您可以使用 Flutter 且安裝所有必要條件之後,請同意 Android SDK 平台的授權。

  1. 開啟一個具有管理員權限的主控台視窗。

  2. 執行下列命令以啟用簽署授權。

    flutter doctor --android-licenses

    如果您之前已接受 Android Studio 授權,此命令會傳回

    [========================================] 100% Computing updates...
    All SDK package licenses accepted.

    您可以跳過下一個步驟。

  3. 在同意每個授權條款之前,請仔細閱讀每個授權條款。

疑難排解授權問題

#
如何修正找不到 Java 安裝的錯誤

您可能會遇到 Android SDK 找不到 Java SDK 的問題。

flutter doctor --android-licenses

ERROR: JAVA_HOME is set to an invalid directory: /Applications/Android\ Studio.app/Contents/jre/Contents/Home

Please set the JAVA_HOME variable in your environment to match the
location of your Java installation.

Android sdkmanager tool was found, but failed to run
(/Users/atsansone/Library/Android/sdk/cmdline-tools/latest/bin/sdkmanager): "exited code 1".
Try re-installing or updating your Android SDK,
visit https://flutter.dev/to/macos-android-setup for detailed instructions.

由於 JAVA_HOME 變數的設定方式,flutter doctor 命令會傳回此錯誤。當您將路徑新增至 JAVA_HOME 時,您可以在 AndroidStudio 之間的空格新增反斜線,或將整個路徑放在相符的引號中。您不能兩者都做。

在您適當的 Shell 資源檔案中尋找您的 JAVA_HOME 路徑。

將其從

bash
export JAVA_HOME="/Applications/Android\ Studio.app/Contents/jre/Contents/Home"

變更為

bash
export JAVA_HOME="/Applications/Android Studio.app/Contents/jre/Contents/Home"

不要在 AndroidStudio 之間包含反斜線。

若要載入此更新的環境變數,請重新載入您的 Shell。此範例使用 zsh 資源檔案。

source ~/.zshrc

檢查您的開發設定

#

help 說明

執行 Flutter doctor

#

flutter doctor 命令會驗證 Windows 的完整 Flutter 開發環境的所有元件。

  1. 開啟 PowerShell。

  2. 若要驗證您是否已安裝所有元件,請執行下列命令。

    PS C:> flutter doctor

由於您選擇開發 Android,因此您不需要所有元件。如果您遵循本指南,您的命令結果應如下所示

Running flutter doctor...
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.24.5, on Microsoft Windows 11 [Version 10.0.22621.3155], locale en)
[✓] Windows version (Installed version of Windows is version 10 or higher)
[✓] Android toolchain - develop for Android devices (Android SDK version 35.0.1)
[!] Chrome - develop for the web
[✓] Visual Studio - develop Windows apps (version 2022)
[✓] Android Studio (version 2024.2)
[✓] VS Code (version 1.95)
[✓] Connected device (1 available)
[✓] Network resources


! Doctor found issues in 1 categories.

疑難排解 Flutter doctor 問題

#

flutter doctor 命令傳回錯誤時,可能是 Flutter、VS Code、Android Studio、連線的裝置或網路資源的問題。

如果 flutter doctor 命令針對任何這些元件傳回錯誤,請使用詳細資訊旗標再次執行。

PS C:> flutter doctor -v

檢查輸出,以尋找您可能需要安裝的其他軟體或需要執行的其他工作。

如果您變更了 Flutter SDK 或其相關元件的設定,請再次執行 flutter doctor 來驗證安裝。

開始使用 Flutter 在 Windows 應用程式上開發 Android

#

恭喜。 在安裝所有必要條件和 Flutter SDK 後,您可以開始在 Windows 上開發適用於 Android 的 Flutter 應用程式。

若要繼續您的學習旅程,請參閱下列指南