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(),
],
)
复制代码