Expanded表示将对象Container的size扩张到最大可以显示的范围。
其中flex可以设置所占的范围的比例。比如这里的children里面有两个widget,flex分别设置为了2和1。那么上面的widget会占页面纵向比的2/3, 下面的widget会占页面纵向比的2/3。
一般对于width或者height没有固定值的widget,可以使用Expanded。
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children:<Widget> [
Expanded(
flex: 2,
child: Container(
width: 200,
color: Colors.red,
),
),
Expanded(
flex: 1,
child: Container(
width: 200,
color: Colors.blue,
),
)
],
),
),