跳至主要內容
目錄

從 ChromeOS 上的網頁開始，為 Flutter 新增 Android 作為目標平台

目錄

若要為 ChromeOS 將 Android 新增為 Flutter 應用程式目標，請依照以下步驟進行。

安裝 Android Studio

#

  1. 為 Android Studio 分配至少 7.5 GB 的儲存空間。考慮分配 10 GB 的儲存空間以獲得最佳配置。

  2. 安裝 Android Studio 的以下必要套件

    sudo apt-get install libc6:amd64 libstdc++6:amd64 lib32z1 libbz2-1.0:amd64

  3. 安裝 Android Studio 2023.3.1 (Jellyfish) 或更新版本，以便偵錯和編譯 Android 的 Java 或 Kotlin 程式碼。Flutter 需要完整版本的 Android Studio。

設定 Android 開發環境

#

在 Android Studio 中設定 Android 工具鏈

#

help 說明

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

  • Android SDK 平台，API 35.0.1
  • Android SDK 命令列工具
  • Android SDK 建置工具
  • Android SDK 平台工具
  • Android 模擬器

如果您尚未安裝這些元件，或您不確定，請繼續進行以下步驟。

否則，您可以跳至下一個章節。

  1. 啟動 Android Studio。

    會顯示 歡迎使用 Android Studio 對話方塊。

  2. 依照 Android Studio 設定精靈 進行操作。

  3. 安裝以下元件

    • Android SDK 平台，API 35.0.1
    • Android SDK 命令列工具
    • Android SDK 建置工具
    • Android SDK 平台工具
    • Android 模擬器

  1. 啟動 Android Studio。

  2. 前往 設定 對話方塊以檢視 SDK 管理員。

    1. 如果您已開啟專案，請前往 工具 > SDK 管理員。

    2. 如果顯示 歡迎使用 Android Studio 對話方塊，請按一下 開啟 按鈕後面的 更多選項 圖示，然後從下拉式選單按一下 SDK 管理員。

  3. 按一下 SDK 平台。

  4. 確認已選取 Android API 35.0.1。

    如果 狀態 欄顯示 有更新可用 或 未安裝

    1. 選取 Android API 35.0.1。

    2. 按一下 套用。

    3. 當顯示 確認變更 對話方塊時，按一下 確定。

      會顯示 SDK 快速修正安裝 對話方塊，其中包含完成進度條。

    4. 安裝完成後，按一下 完成。

      在您安裝最新的 SDK 後，狀態 欄可能會顯示 有更新可用。這表示可能未安裝某些額外的系統映像檔。您可以忽略此問題並繼續。

  5. 按一下 SDK 工具。

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

    • Android SDK 命令列工具
    • Android SDK 建置工具
    • Android SDK 平台工具
    • Android 模擬器

  7. 如果任何上述工具的 狀態 欄顯示 有更新可用 或 未安裝

    1. 選取需要的工具。

    2. 按一下 套用。

    3. 當顯示 確認變更 對話方塊時，按一下 確定。

      會顯示 SDK 快速修正安裝 對話方塊，其中包含完成進度條。

    4. 安裝完成後，按一下 完成。

設定您的目標 Android 裝置

#

設定 Android 模擬器

#

help 說明

若要將您的 Flutter 應用程式設定為在 Android 模擬器中執行，請依照以下步驟建立並選取模擬器。

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

  2. 啟動 Android Studio。

  3. 前往 設定 對話方塊以檢視 SDK 管理員。

    1. 如果您已開啟專案，請前往 工具 > 裝置管理員。

    2. 如果顯示 歡迎使用 Android Studio 對話方塊，請按一下 開啟 按鈕後面的 更多選項 圖示，然後從下拉式選單按一下 裝置管理員。

  4. 按一下 虛擬。

  5. 按一下 建立裝置。

    會顯示 虛擬裝置設定 對話方塊。

  6. 在 類別 下選取 手機 或 平板電腦。

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

  8. 按一下 下一步。

  9. 按一下 。

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

    1. 如果所需的映像檔在 版本名稱 的右側有 下載 圖示，請按一下它。

      會顯示 SDK 快速修正安裝 對話方塊，其中包含完成進度條。

    2. 下載完成後，按一下 完成。

  11. 按一下 下一步。

    虛擬裝置設定 會顯示其 驗證設定 步驟。

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

  13. 按一下 顯示進階設定 並捲動至 模擬效能。

  14. 從 圖形 下拉式選單中，選取 硬體 - GLES 2.0。

    這會啟用硬體加速並改善渲染效能。

  15. 驗證您的 AVD 設定。如果正確，請按一下 完成。

    若要進一步瞭解 AVD，請查看 管理 AVD。

  16. 在 裝置管理員 對話方塊中，按一下所需 AVD 右側的 執行 圖示。模擬器會啟動並顯示您選取的 Android 作業系統版本和裝置的預設畫布。

設定您的目標 Android 裝置

#

help 說明

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

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

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

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

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

    根據預設，Flutter 會使用 adb 工具所依據的 Android SDK 版本。若要搭配 Flutter 使用不同的 Android SDK 安裝路徑，請將 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 時，您可以在 Android 和 Studio 之間的空格新增反斜線，或將整個路徑括在相符的引號中。您不能同時執行這兩項操作。

在您適當的 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"

請勿在 Android 和 Studio 之間包含反斜線。

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

source ~/.zshrc

檢查您的開發設定

#

help 說明

執行 Flutter doctor

#

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

  1. 開啟 shell。

  2. 若要驗證所有元件的安裝，請執行以下命令。

    flutter doctor

當您選擇為 Android 開發時，您不需要所有元件。如果您遵循本指南，則命令的結果應類似於

Running flutter doctor...
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.24.5, on , locale en)
[✓] Android toolchain - develop for Android devices (Android SDK version 35.0.1)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2024.2)
[✓] VS Code (version 1.95)
[✓] Connected device (1 available)
[✓] Network resources


∙ No issues found!

疑難排解 Flutter doctor 問題

#

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

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

flutter doctor -v

檢查輸出是否有您可能需要安裝的其他軟體或其他要執行的工作。

如果您變更了 Flutter SDK 或其相關元件的配置，請再次執行 flutter doctor 以驗證安裝。

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

#

恭喜您。 在安裝所有必要條件和 Flutter SDK 之後，您就可以開始在 ChromeOS 上開發 Android 的 Flutter 應用程式。

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

除非另有說明，否則本網站上的文件會反映最新穩定版本的 Flutter。頁面最後更新於 2024-10-18。 檢視原始碼 或 回報問題。