Flutter中设置对齐后，如何让Column内的Row两侧边距一致？

问题出在这几个细节上，逐个调整就能解决：

1. 修正Container的不对称margin
   你在ReusableCard的Container里设置了left:10.0, right:2.0的左右不等margin，这直接导致卡片自身的左右内边距失衡。把这个margin改成对称值，或者直接移除（外层已经有统一的Padding）：

// 改成对称margin，或直接删除该行
margin: EdgeInsets.symmetric(horizontal: 10.0),

2. 让Row内卡片均匀分布
   外层Column设置了CrossAxisAlignment.stretch，但内部Row默认左对齐，会导致右侧出现多余空隙。给每个Row添加对齐属性，让卡片在Row内合理分配空间：

children: rows.map((row) => Row(
  mainAxisAlignment: MainAxisAlignment.spaceEvenly, // 也可根据需求选spaceBetween
  children: row
)).toList(),

3. 移除固定宽度，适配布局
   ReusableCard里的Container设置了固定width:200.0，在不同屏幕宽度下容易出现布局错位。建议用Expanded包裹Container，让卡片自动填充Row的可用空间：

child: Padding(
  padding: const EdgeInsets.all(13.0),
  child: Expanded( // 添加Expanded
    child: Container(
      // 移除width:200.0
      height: 150.0,
      decoration: BoxDecoration(
        color: kSecondaryColor,
        borderRadius: BorderRadius.circular(10.0),
      ),
      child: Text('am pressed, reporting Gesture Detector\'s Container'),
    ),
  ),
),

调整后，卡片的左右边距就能保持一致，布局也会更适配不同屏幕。

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