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