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