0%

Flutter 之於 iOS 的設置

flutter_logo_xcode

Flutter 和其他跨平臺開發工具一樣,同時能開發出 Android、iOS 的 APP 來,但仍跨不了 iOS 的限制。基本上,要測試、執行 iOS APP,還是得在能安裝 XCode 的環境裡,也就是 macOS 上。因此,打算跨到 iOS 來的朋友,別忘了找一台能安裝 XCode 的環境,比方說 Mac 等,再往下進行嘍。

環境設定


如果你是從無到有跟著手札的另外一篇 Flutter 起始 動手作,且安裝好 XCode 的話,應該可以看到類似如下的部份畫面

flutter_docker_03_ios

代表現在的環境很乾淨
代表現在我們還要補上不少東西,在開始補東西前,請先確認自己的環境是否已經裝有 Homebrew,這套用於 macOS 上的套件管理工具,確認方式如下

請打開終端機(terminal),輸入

1
which brew

若是得到brew not found的回應。
若是沒有安裝到的話,請輸入如下指令安裝

1
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

如若是看到/usr/local/bin/brew表示已有這個工具,

which_brew

那就先執行更新,確認目前是在最新版,

1
brew update

再來請依序安裝

1
2
3
4
5
brew install --HEAD usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
brew install ideviceinstaller ios-deploy cocoapods
pod setup

這時再用 flutter doctor確認一次,即可看到如下通過檢測的結果

ios_toolchain

模擬器


下指令試著開啟一個模擬器

1
open -a Simulator

ios_simulator

看到這個畫面起來後,我們再看一下flutter doctor

connect_device

就能看到連同Connected device也通過嘍!