😎

[Flutter] Wrap

2022/10/13に公開

https://youtu.be/z5iw2SeFx2M

Wrap

ウィジェットのレイアウトの際、ColumnやRowだと左右、上下のスペースが足りなくなる時に、折り返して(改行して)ウィジェットを表示してくれるウィジェット

Wrap(
 children:[
  MyWidget(),
  MyWidget(),
  MyWidget(),
 ], 
)

その他プロパティ

direction : 縦横どちらの方向に折り返すか設定できる

Wrap(
 direction: Axis.vertical,
 children:[
  MyWidget(),
  MyWidget(),
  MyWidget(),
 ], 
)

alignment : 折り返したウィジェットの設置位置
spacing :ウィジェット間のスペース?

Wrap(
 alignment : WrapAlignment.end,
 spacing : 10.0,
 runSpacing : 20.0,
 children:[
  MyWidget(),
  MyWidget(),
  MyWidget(),
 ], 
)

Discussion