このページには広告が含まれる場合があります。
Android StudioでFlutterアプリを作っている時に、右側のバーで表示できる「Flutter Outline」の基本的な使い方について解説しています（詳しくは下の動画をご覧下さい）。
Widgetの階層構造を視覚的に見ることができる「Flutter Outline」が何も表示されない（Nothing to show）ことが...
１．クラスのメンバの構造とWidgetのツリー構造の把握
２．Widgetの並べ替えコマンドの実行
Flutterアプリ開発でよく使う並べ替えコマンドが実行できます。
- Center：Widgetの中央寄せ
- Padding：Widgetの余白をつける
- Column：複数のWidgetを縦に並べる
- Row：複数のWidgetを横に並べる
- Container：WidgetをContainerでくるむ
（詳しくは、下の動画で解説していますので、よろしければご覧下さい）