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

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,
)