Flutter技术问询：如何使Container/Row宽度匹配父级/屏幕、Column高度适配？

核心错误原因 #

你代码里的Positioned组件不能直接放在Row内部使用，它仅能在Stack组件中生效，这是触发"BoxConstraints forces an infinite width"报错的根本原因。

修正后的代码 #

return Container(
  height: 100,
  child: ListView.builder(
    padding: const EdgeInsets.all(8),
    itemCount: entries.length,
    itemBuilder: (BuildContext context, int index) {
      return Container(
        height: 50,
        color: Colors.amber[colorCodes[index % 2]],
        child: Row(
          children: [
            // 用Expanded让子Container占满Row的全部宽度
            Expanded(
              child: Container(
                // 无需设置width: double.infinity，Expanded已约束宽度
                child: Column(
                  // Column默认自适应子组件高度，适配父Container的50高度
                  children: [
                    Text("hello"),
                    // 移除多余的Expanded，避免高度冲突
                    Align(
                      alignment: Alignment.bottomLeft,
                      child: LinearProgressIndicator(
                        minHeight: 5,
                        backgroundColor: Colors.redAccent,
                        value: 0.50,
                      ),
                    ),
                  ],
                ),
              ),
            ),
          ],
        ),
      );
    },
  ),
);

针对你的技术问询解答 #

1. 让Row（或其子组件）宽度与屏幕/父级一致 #

• 给Row的目标子组件包裹Expanded：Row默认是水平方向根据子组件宽度收缩，Expanded会强制子组件填充Row的剩余可用宽度，从而和父级（这里是外层Container）宽度一致。
• 若Row的父组件已有明确宽度约束，也可以给Row直接设置width: double.infinity，再让子组件占满Row宽度。

2. Column高度适配 #

• 自适应子组件高度：Column默认mainAxisSize: MainAxisSize.min，会自动根据内部子组件的总高度调整自身高度，刚好包裹所有子元素。
• 占满父容器高度：如果需要Column填充父组件的全部高度，给Column包裹Expanded，或者设置mainAxisSize: MainAxisSize.max，同时根据需求用Expanded分配内部子组件的高度占比。

内容的提问来源于stack exchange，提问作者Laura Bieber