🐈

[Flutter]Expanded

2022/11/17に公開

https://youtu.be/_rnZaagadyo
https://api.flutter.dev/flutter/widgets/Expanded-class.html

Expanded

columnやrow widgetを引き伸ばして、隙間を埋めたい時に使う

Row(
 children: [
  MyWidget(),
  Expanded(
   child: MyWidget() //このwidgetのみ、横幅が広がる
  ),
  MyWidget()
 ],
),

※まず、変更しないwidgetから埋めて、その後に残りの空間を埋めるようにExpandedを使用する

flex

Expanded(
   flex: 2,
   child: Container() 
  ),

flex: Expandedで引き伸ばす幅の優先度を決めることができる

Discussion