17、Flutter Widget - Spacer;

最新推荐文章于 2024-04-17 07:13:02 发布

weixin_34377919

最新推荐文章于 2024-04-17 07:13:02 发布

阅读量535

点赞数

文章标签：移动开发

原文链接：https://juejin.im/post/5cf0b874f265da1bc07e1f89

版权

Row和Column有可以用来均匀分配子Widget的属性mainAxisAlignment。

Row(
   mainAxisAlignment:MainAxisAlignment.spaceAround,
   children:[
    MyBox(),
    MyBox(),
    MyBox()
   ],
 )
复制代码

如果你想更个性化的实现子Widget的空间分配，可以使用Spacer;

Row (
  children:[
    MyBox(),
    Spacer(),
    MyBox(),
    Spacer(),
    MyBox(),
],
)
复制代码

只需要添加Spacer实例到其他Widget之间，他们就会扩大并建立额外的空间。可以使用默认为 1的flex属性来定制其相对的尺寸:

Row (
  children:[
    MyBox(),
    Spacer(),
    MyBox(),
    Spacer(flex:3),
    MyBox(),
],
)
复制代码

关注