Flutter实战ConstrainedBox、SizedBox尺寸限制类容器使用详解

怀旧的老张

于 2020-09-16 17:43:17 发布

阅读量1.7k

点赞数 1

分类专栏： flutter 文章标签： android flutter 前端

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.youkuaiyun.com/Zhang_Teng/article/details/108626045

版权

本文详细介绍了Flutter中的ConstrainedBox、BoxConstraints、SizedBox和UnconstrainedBox的使用，包括它们的属性、案例及在尺寸约束中的应用。通过实例展示了如何限制和解除子组件的尺寸约束，并提到了其他尺寸限制类容器的实战应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ConstrainedBox

BoxConstraints

ConstrainedBox、BoxConstraints案例

SizedBox

UnconstrainedBox

ConstrainedBox

先来看下 ConstrainedBox 属性

class ConstrainedBox extends SingleChildRenderObjectWidget {
   
//继承于 SingleChildRenderObjectWidget  说明只能有一个孩子
// constraints 为必须的 
  ConstrainedBox({
    Key key,
    @required this.constraints,
    Widget child,
  })

这里 constraints 为必传项传入BoxConstraints实例，ConstrainedBox可对子组件约束。如果你想让子组件的最小高度是80像素，你可以使用const BoxConstraints(minHeight: 80.0)作为子组件的约束。

BoxConstraints

BoxConstraints用于设置约束规则如下

constraints: BoxConstraints(
          minWidth: 230,  //最小宽度
          minHeight: 50.0 , //最小高度
          maxWidth: 230, //最大宽度
          maxHeight:180, //最大高度
          ),

BoxConstraints 还提供了比较编辑的一些构造如：

constraints: BoxConstraints.expand(width:250,height:250),

最低0.47元/天解锁文章