1七、Flutter Widget - Spacer;

  RowColumn有能够用来均匀分配子Widget的属性mainAxisAlignmentflex

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(),
],
)
复制代码
相关文章
相关标签/搜索