Android Studio使ってFlutter開発のコツ

• ショートカット
• 自動補完
• フォーマットの自動化
• コードの抽出

ショートカット

Android Studio + Macの例:

widgetを作る: dartファイルにstf、もしくはstlを入力後 + return

コード修正: option + return

親Widgetの追加: option + return

最近開いたファイル一覧: command + E

Windowsの場合は、commandをCtrl、optionをAltに置き換えて使ってください。

自動補完

Android StudioのPluginの中でFlutter Snippetsを検索してインストール:

インストール後、Android Studioはメジャーなコード補完やってくれます。

Flutter Snippets使用説明

フォーマットの自動化

Android Studio -> Preferences->Languages&Frameworks->Flutterを開いていき
Format Code on Saveにチェックを入れて、またOrganize imports on saveにチェック入れれば、使われてないimportを自動削除してくれます。

コードの抽出

複雑そうなwidgetでダブルクリック、Refactor->Extract Method、ネーミングしたら自動的に関数化してくれます。