Flutter Single-child layout Widgets

公式ドキュメント - Single-child layout widgets
https://flutter.dev/docs/development/ui/widgets/layout#Single-child%20layout%20widgets

  • レイアウトするウィジェット
  • childプロパティを持つウィジェットで使える
Widget 説明
Container 他のウィジェットの入れ物となる
BoxDecoration ボックスをカスタマイズ
SizedBox 指定したサイズの箱を作れる
Align childに指定したウィジェットの配置を指定できる
Center childに指定したウィジェットの配置を指定できる
FractionallySizedBox 子のサイズを画面幅・高さの割合で指定できる
Padding childに指定したウィジェットと親ウィジェットとの距離を指定できる
EdgeInsets 箱の上下左右のオフセット値を指定できる
ConstrainedBox childに指定したウィジェットに制約を追加できる
BoxConstraints 箱に制約を付けられる
FittedBox 親ウィジェットのサイズにどのように収めるかをBoxFit列挙型で指定できる
AspectRatio ウィジェットのアスペクト比を一定に保つ
LimitedBox ListViewのように子にサイズを与えない場合、このウィジェットでラップしてサイズを与えて表示させる
Spacer スペースを取れる
LayoutBuilder 画面表示前にウィジェットのサイズを知り、子ウィジェットのレイアウトを決めたい場合に利用する

コメント

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×