Flutter的BoxConstraints

最新推荐文章于 2024-05-27 23:41:45 发布

LiuMH2011

最新推荐文章于 2024-05-27 23:41:45 发布

阅读量438

点赞数 1

文章标签： flutter

本文链接：https://blog.csdn.net/LiuMH2011/article/details/120076055

版权

在css中，有min-height, max-height, min-width, max-width样式；

在Flutter中想设定这些样式，就得用BoxConstraints类；

而且跟css样式一样，BoxConstraints约束会被其child继承；

ConstrainedBox(
    constraints: BoxConstraints(
        minHeight: 30,
        minWidth: 30,
        maxHeight: 100,
        maxWidth: 100
    ),
    child: Container(
        width:10000,
        height: 10000,
        decoration: BoxDecoration(
            color: Colors.red
        )
    ),
)

上例中，Container最终大小为width:100, height: 100

想要消除父级的约束影响，使用UnconstrainedBox再包裹一层，接着上例：

ConstrainedBox(
    constraints: BoxConstraints(
        minHeight: 30,
        minWidth: 30,
        maxHeight: 100,
        maxWidth: 100
    ),
    child: Container(
        width:10000,
        height: 10000,
        decoration: BoxDecoration(
            color: Colors.red
        ),
        child: UnconstrainedBox(
            child: Container(
                width: 10,
                height: 10,
                decoration: BoxDecoration(
                    color: Colors.blue
                )
            )
        )
    ),
)