Flutter中如何让Stack内Positioned Column中的Row填充水平空间

要实现所有Row宽度与最宽Row一致，同时保证Container宽度仅适配最宽Row，可按以下方式修改组件树：

1. 用IntrinsicWidth包裹Column，让Column的宽度由内部最宽的子节点（即最宽的Row）决定
2. 给Column设置crossAxisAlignment: CrossAxisAlignment.stretch，强制所有Row拉伸至Column的宽度
3. 无需给外层Container设置固定宽度，保留Positioned的right和top约束，避免Container撑满屏幕

修改后的代码示例：

Stack(
  children:[
    IrrelevantWidget(),
    Positioned(
      right: 0,
      top: 0,
      child: Container(
        // 可保留原有样式，不要设置width
        child: IntrinsicWidth(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.stretch,
            children: [
              Row(...),
              Row(...),
              Row(...),
              // 其他Row
            ],
          ),
        ),
      ),
    ),
  ],
)

原理说明 #

• IntrinsicWidth会计算子节点的最大宽度，让Column的宽度匹配这个最大值，避免Container无限制扩大
• CrossAxisAlignment.stretch会让Column内的所有Row强制铺满Column的宽度，实现所有Row宽度统一
• Positioned的right和top属性会限制Container仅在屏幕右上角区域展示，不会撑满全屏

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