Flutter中Container设double.infinity在Row报错，Column却正常？

这本质是Flutter布局约束的传递逻辑差异导致的：

1. Column的约束传递逻辑 #

Column是垂直方向的线性布局，它对水平方向的子组件约束是「尽可能占满可用宽度」（即max-width等于父容器的宽度，min-width为0）。当你给Column里的Container设置width: double.infinity时，这个值刚好匹配Column提供的最大水平宽度，Container会直接占满父容器的水平空间，不会有冲突。

2. Row的约束传递逻辑 #

Row是水平方向的线性布局，它对水平方向的子组件约束是「需要子组件自己确定具体宽度」（即min-width为0，max-width等于父容器的宽度，但子组件不能要求无限宽）。当你给Row里的Container设置width: double.infinity时，相当于要求Row分配无限的水平空间，但Row本身的宽度是由父容器（这里是Column的子项，宽度受屏幕限制）决定的，根本无法满足无限宽的需求，因此会抛出布局约束不满足的异常。

解决办法 #

如果想让Row里的Container占满Row的可用宽度，不要直接设置width: double.infinity，而是用Expanded包裹Container，让它获取Row的剩余水平空间：

Row(
  children: [
    Expanded(
      child: Container(
        child: Text(
          'Hello',
          style: TextStyle(color: Colors.red),
        ),
      ),
    ),
  ],
)

Expanded会告诉Row：这个子组件需要占据所有剩余的可用水平空间，Row就会合理分配宽度，避免约束冲突。

内容的提问来源于stack exchange，提问作者Anas khalil