比如说,在搜索框内有图标以及文本两个组件,那么,应该如何控制这两个组件之间的间距呢?
![](https://img.haomeiwen.com/i9043985/552c57777aed7c32.png)
解决方案:
sizedBox
sizedBox可以作为一个占位组件,只要设置sizeBox的宽度值即可。
Icon(Icons.search),
SizedBox(width: 20,)
Text("搜索商品、品牌")
![](https://img.haomeiwen.com/i9043985/ca38f6048835fd53.png)
sizeBox具体用法
1.可以作为父级元素,包裹着它的孩子,强制控制它的孩子的宽高
SizedBox(
with:100,
height:30,
child: FlatButton(),
),
2.没有孩子,则控制自身的宽高。
可以作为占位符使用
3.使用sizeBox扩展类,设置sizeBox某个方向向父级元素一样宽或者高,则可以
SizedBox(
width: double.infinity,
height: double.infinity,
)
网友评论