美文网首页
flutter如何控制container内组件之间的间距

flutter如何控制container内组件之间的间距

作者: 前端1号站 | 来源:发表于2020-02-29 05:52 被阅读0次

比如说,在搜索框内有图标以及文本两个组件,那么,应该如何控制这两个组件之间的间距呢?


image.png

解决方案:

sizedBox

sizedBox可以作为一个占位组件,只要设置sizeBox的宽度值即可。

 Icon(Icons.search),
 SizedBox(width: 20,)
 Text("搜索商品、品牌")
image.png

sizeBox具体用法
1.可以作为父级元素,包裹着它的孩子,强制控制它的孩子的宽高

 SizedBox(
    with:100,
    height:30,
    child: FlatButton(),
 ),

2.没有孩子,则控制自身的宽高。
可以作为占位符使用

3.使用sizeBox扩展类,设置sizeBox某个方向向父级元素一样宽或者高,则可以

SizedBox(
   width: double.infinity,
   height: double.infinity,
)

相关文章

网友评论

      本文标题:flutter如何控制container内组件之间的间距

      本文链接:https://www.haomeiwen.com/subject/uhgyhhtx.html