FlutterでiOSアプリを作る

FlutterでiOSアプリを作りたい
以下、チュートリアルの完了をゴールとする

システム要件を確認する
ハードウェア要件
ソフトウェア要件
Flutter SDKをインストールする
iOS開発の設定
Xcodeをインストールして設定する
対象のiOSデバイスを構成する
CocoaPodsをインストールする
開発設定を確認する
Flutterドクターを実行する
Flutter Doctorの問題のトラブルシューティング
FlutterでmacOSアプリ上でiOSの開発を始める
Flutter SDKを管理する
サンプルFlutterアプリを作成する
サンプルFlutterアプリを実行する
ホットリロードを試す

以下、環境
・Mac(intel)
・XCode v15.4

---

Start building Flutter iOS apps on macOS

Flutter SDKをインストールする

"Download and install"の記載通り行う

iOS開発の設定

CocoaPodsは

sudo gem install cocoapods

ではインストールできなかったので、brewでインストール

brew install cocoapods

FlutterでCocoaPods not installed.と言われたら - Qiita

開発設定を確認する

flutter doctor

]Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.24.0, on macOS 14.6.1 23G93 darwin-x64, locale
    ja-JP)
[✗] Android toolchain - develop for Android devices
    ✗ Unable to locate Android SDK.
      Install Android Studio from:
      https://developer.android.com/studio/index.html
      On first launch it will assist you in installing the Android SDK
      components.
      (or visit https://flutter.dev/to/macos-android-setup for detailed
      instructions).
      If the Android SDK has been installed to a custom location, please use
      `flutter config --android-sdk` to update to that location.

[✓] Xcode - develop for iOS and macOS (Xcode 15.4)
[✓] Chrome - develop for the web
[!] Android Studio (not installed)
[✓] VS Code (version 1.58.2)
[✓] Connected device (3 available)
[✓] Network resources

! Doctor found issues in 2 categories.

iOS向けアプリなので、Androidは無視

---

Test drive

IDEを選択する

"terminal and editor"の記載通り行う
"Run your sample Flutter app"の内容を行うと以下のように表示される

"Try hot reload"の記載通り変更を行い、rを入力するとホットリロードされた

実機で触ってみる

以下リンク先の通り行って実機で動かせることを確認

Flutter で最初の iOS アプリを作る

Flutter runしなくてもXCodeの左ペインの再生ボタンを押すことでも実行できた