sizebox模型下载_布局限制类容器ConstrainedBox、SizeBox

## ConstrainedBox和SizedBox

ConstrainedBox和SizedBox都是通过RenderConstrainedBox来渲染的。SizedBox只是ConstrainedBox一个定制，本节把他们放在一起讨论。

### ConstrainedBox

ConstrainedBox用于对齐子widget添加额外的约束。例如，如果你想让子widget的最小高度是80像素，你可以使用`const BoxConstraints(minHeight: 80.0)`作为子widget的约束。

#### 示例

我们先定义一个redBox，它是一个背景颜色为红色的盒子，不指定它的宽度和高度：

```

Widget redBox=DecoratedBox(

decoration: BoxDecoration(color: Colors.red),

);

```

我们实现一个最小高度为50，宽度尽可能大的红色容器。

```

ConstrainedBox(

constraints: BoxConstraints(

minWidth: double.infinity, //宽度尽可能大

minHeight: 50.0 //最小高度为50像素

),

child: Container(

height: 5.0,

child: redBox

),

)

```

显示效果：

![](https://box.kancloud.cn/40