),
);
}
}
上面的例子中，通过 `BoxConstraints` 来设置限制条件，它的定义如下：
const BoxConstraints({
this.minWidth = 0.0, //最小宽度
this.maxWidth = double.infinity, //最大宽度
this.minHeight = 0.0, //最小高度
this.maxHeight = double.infinity //最大高度
})
除此以外，它还定义了一个便捷的构造函数，比如 `BoxConstraints.tight(Size size)` 生成给定大小的限制；`BoxConstraints.expand()` 可以用于生成一个尽可能大的填充容器。
[](
)`SizedBox`
-----------------------------------------------------------------------------
`SizedBox` 用于给子元素指定固定的宽高，示例：
class ConstrainedWidget extends StatelessWidget{
@override
Widget build(BuildContext context) {
return SizedBox(
//直接通过宽高属性来限制了子组件的大小
width: 80,
height: 80,
child: DecoratedBox(
decoration: BoxDecoration(
color: Colors.pink
),
)
);
}
}
运行结果就是一个 80 \* 80 的小方块，在此就不上图片了。
[](
)多重限制
-----------------------------------------------------------------------
如果一个组件有多个限制，意思就是多个 `ConstrainedBox` ，那么哪个会生效呢？看一个示例：
class ConstrainedWidget extends StatelessWidget{
@override
Widget build(BuildContext context) {
return ConstrainedBox(
//限制条件：最小宽度60，最小高度60
constraints: BoxConstraints(
minWidth: 60,
minHeight: 60
),
child: ConstrainedBox(
//限制条件：最小宽度90，最小高度20
constraints: BoxConstraints(
minWidth: 90,
minHeight: 20
),
child: DecoratedBox(
decoration: BoxDecoration(
color: Colors.pink
),
),
对象篇
模块化编程-自研模块加载器
**[CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](
)**
本文已被CodeChina开源项目：【一线大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】收录，自学编程路线及系列技术文章等资源持续更新中…