LoginSignup
0
0

【初心者】FlutterでiOSアプリ画面を見ながら開発する方法

Posted at

いざFlutterでiOSアプリを開発しようと重い腰を上げたら、環境構築からつまずいた、、

そんな人向けの備忘録的な記事です。

困ったこと

  • ChromeやmacOSのUIなら起動できるが、iOSを見ながら開発が上手くできない
  • open -a Simulator でできることもあれば、できないこともある。なぞだ

解決方法

  1. open -a Simulator でXcodeのSimulatorをまず開く
  2. 上のメニューから「File > Open Simulator > iPhone 14 (好きなデバイス)」を選択
  3. Simulatorを開いたまま、VSCodeで「mytest (createしたディレクトリ) > lib > main.dart」を開き、デバッグの拡張機能を開く
  4. デバッグで「Flutter (iPhone 14) 」を選択

Untitled (14).png
Untitled (16).png

完了!

デフォルトでボタンを押した回数をカウントしてくれるアプリが作成されます!
スマホの見た目で画面操作できて良い。

Untitled (17).png

※ 文章はもともと英語です、テキストだけ変えてみました

最後に

iOSアプリはあまりやってこなかったのですが、これを機にFlutter少し触ってみます。

参考

FlutterアプリをGoogle Chrome/iOS Simulatorでデバッグする | DevelopersIO

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0