Row
和Column
有能夠用來均勻分配子Widget
的屬性mainAxisAlignment
。flex
Row(
mainAxisAlignment:MainAxisAlignment.spaceAround,
children:[
MyBox(),
MyBox(),
MyBox()
],
)
複製代碼
若是你想更個性化的實現子Widget
的空間分配,可使用Spacer
;spa
Row (
children:[
MyBox(),
Spacer(),
MyBox(),
Spacer(),
MyBox(),
],
)
複製代碼
只須要添加Spacer
實例到其餘Widget
之間,他們就會擴大並創建額外的空間。可使用默認爲 1的flex
屬性來定製其相對的尺寸:code
Row (
children:[
MyBox(),
Spacer(),
MyBox(),
Spacer(flex:3),
MyBox(),
],
)
複製代碼