Flutter Container内child的宽度自动适配

2023-12-20  本文已影响0人  Superman168

前言

昨天改了以前的代码,其中有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了

上一篇 下一篇

猜你喜欢

热点阅读