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

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


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内组件之间的间距)