用 Flutter 寫 Android APP

所需環境與工具

以下以 Windows 10 + VSCode 為例:

安裝 Flutter SDK

  1. 這裡 有安裝說明

  2. 這裡 可下載最新版 (v1.12.13 + hotfix5 版本)

  3. 安裝後壓縮檔解壓縮並把 flutter 資料夾放到想要的位置
    (官方建議不要flutter 資料夾放到 C:\Program Files\ 內)

  4. 設定環境變數
    假如資料夾路徑為 C:\src\flutter
    本機 -> 右鍵 -> 內容 -> 進階系統設定 -> 進階 -> 環境變數 -> 系統變數 -> 編輯 -> 把 C:\src\flutter\bin 加上去

安裝 Java SDK

  1. 這裡 可下載 JAVA 8
    備註:請不要裝更新的版本,不然 Android SDK 會不支援

安裝 Android SDK Manager

  1. 這裡 下載 Command Command line tools

  2. 解壓縮資料夾並把 tools 資料夾放到想要的位置
    (在這裡以放到 C:\src\androidSDK 內為範例)

安裝 Android SDK

  1. 進到 tools\bin 內開啟 cmd

  2. 列表出可安裝清單

    1
    $ sdkmanager --list

  3. 安裝 platform-toolsplatformsbuild-tools
    以下以 28 版當例子:

    1
    $ sdkmanager --install "platform-tools" "platforms;android-28" "build-tools;28.0.3"

  4. 加上環境變數 ANDROID_HOME
    假如資料夾路徑為 C:\src\androidSDK
    本機 -> 右鍵 -> 內容 -> 進階系統設定 -> 進階 -> 環境變數 -> 系統變數 -> 新增 -> 把 C:\src\androidSDK 加上去

安裝 Flutter 套件

  1. 開啟 VSCode

  2. 安裝 Flutter Plugin

檢測環境

  1. cmd 下指令接受 license

    1
    $ flutter doctor --android-licenses

  2. 把 Android 手機接上電腦或使用模擬器

  3. 檢測環境

    1
    $ flutter doctor

出現類似以下畫面就算成功 (Android Studio 可以不裝):

資料來源

  1. No valid Android SDK platforms found in C:\Android\android-sdk\platforms. Directory was empty.
安裝 Android 模擬器 reCaptcha 練習

Comments

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×