美文网首页Flutter教学
Flutter(54):Layout组件之LimitedBox

Flutter(54):Layout组件之LimitedBox

作者: starryxp | 来源:发表于2020-10-16 14:52 被阅读0次

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源代码持续更新中

相关文章

网友评论

    本文标题:Flutter(54):Layout组件之LimitedBox

    本文链接:https://www.haomeiwen.com/subject/urezpktx.html