美文网首页
Flutter Container内child的宽度自动适配

Flutter Container内child的宽度自动适配

作者: Superman168 | 来源:发表于2023-12-20 14:30 被阅读0次

    前言

    昨天改了以前的代码,其中有Container内的child包含Row,Row中包裹多个widget,之前一行满足要求了,现在需要多个Container,就超过屏幕了,并且报错了,溢出了,现在就想让他自动流式布局,自动排列。

    解决方法

    用wrap包了一下,还是报错,不自动排列布局:

    Container(
          child: Wrap(
            children: btnList,
            spacing: 10,
            runSpacing: 1,
            alignment: WrapAlignment.start,
            runAlignment: WrapAlignment.end,
          ),
        );
    

    分析了一下代码,最终发现是Container内Row引起的问题,

    当Container的child组件为Row或者Column的时候,要为主轴添加 MainAxisSize.min,否则Container在主轴上是铺满的。

    image.png

    加上mainAxisSize: MainAxisSize.min, 就OK了

    相关文章

      网友评论

          本文标题:Flutter Container内child的宽度自动适配

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