Closed9

Flutter 入門時に見逃しやすい Tips

へぶんへぶん

目的

Flutter の入門 Tips を共有します。最初に見逃すと辛くなるポイントだけザックリまとめました。主にツールの使い方についてです。

へぶんへぶん

前提

Android Studio (IntelliJ IDEA)使うことを前提にしてます。VSCode でもほとんど同等の機能が提供されています。

へぶんへぶん

やった方がいい設定

自動フォーマット

  • Android Studio で Preferences > Language & Frameworks
    • Format code on save
    • (optional) Organize imports on save
      • 使ってない import 文を消してくれるやつ
へぶんへぶん
へぶんへぶん

伝家の宝刀 - [option + Enter]

  • よくある作業
    • Padding をつけたい?
    • Row を足したい?
    • Widget をネストしたい?
    • Widget を削除したい?
  • 解決策
    • [option + Enter]
へぶんへぶん

Live Template

  • StatelessWidget を作りたい
    • stl で出る
  • StatefulWidget を作りたい
    • stfulで出る
へぶんへぶん

便利ショートカット

  • 作業途中で Widget を切り出したくなった
  • 切り出したい Widget の上で [⌘ + option + W]
へぶんへぶん

Flutter Inspector の便利機能

アプリの画面から該当コードにジャンプ

参考

inspector

  1. 照準マークをクリックする
  2. アプリの画面上をタップする(=> 該当コードまでジャンプしてくれる)
  3. 望みの Widget までジャンプしてくれない場合もあるので、その時は、インスペクタの Widget Tree をクリックすることでもジャンプできます。
このスクラップは2021/01/05にクローズされました