Flutter（54）：Layout组件之LimitedBox

Flutter教学目录持续更新中

Github源代码持续更新中

1.LimitedBox介绍

一个当其自身不受约束时才限制其大小的盒子

2.LimitedBox属性

• maxWidth：double.infinity 最大宽度
• maxHeight：double.infinity 最大高度
• child：

3. LimitedBox

这里有几个注意点：

• maxWidth/maxHeight不设置默认就是double.infinity
• maxWidth/maxHeight须>= 0
• LimitedBox只有在自身不受约束时才能限制

image.png

      body: Container(
        color: Colors.blue,
        child: UnconstrainedBox(
          child: LimitedBox(
            maxWidth: 100,
            maxHeight: 100,
            child: Text(
                'ddaaddaaddaaddaaddaaddaaddaaddaaddaaddaaddaaddaaddaaddaaddaaddaaddaaddaaddaaddaa'),
          ),
        ),
      ),

这里使用UnconstrainedBox就是为了让LimitedBox不受到约束限制，如果LimitedBox受到约束限制的话是不起作用的。

下一节：Layout组件之Offstage

Flutter（55）：Layout组件之Offstage

Flutter教学目录持续更新中

Github源代码持续更新中