Flutter带BoxDecoration评论卡片排版问题：Align调整用户名间距未生效

当前的实现存在两个关键逻辑偏差，直接导致文本位置不符合预期：

• Alignment 的坐标有固定取值边界：Alignment(x, y) 的 x、y 仅支持 -1 到 1 区间的数值，这个范围对应组件内部从最左/最上到最右/最下的位置映射，你传入的 8、3 远超出有效取值范围，Align 组件根本不会产生预期的偏移效果
• Row 横向布局不需要嵌套 Align 调整元素间距：Row 的子元素默认沿主轴紧挨着排布，在 Row 内直接嵌套 Align 反而会让 Align 撑满 Row 剩余的全部横向空间，彻底打乱文本位置

完全不需要手动计算坐标、嵌套 Align 调整位置，靠 Flutter 原生布局规则就能实现可控的排版：

1. 给卡片整体加统一的内边距，避免头像、文本直接贴容器边缘
2. 在头像和用户名之间加固定宽度的间距占位，比手动调整对齐的稳定性高很多
3. 给头像和用户名所在的 Row 设置交叉轴居中对齐，让用户名和头像在垂直方向自然匹配，不需要手动计算偏移值

修正后的核心实现代码如下：

return ListView.builder(
  shrinkWrap: true,
  scrollDirection: Axis.horizontal,
  itemCount: snapshot.data.documents.length,
  itemBuilder: (context, index) {
    // 提前提取评论文档数据，减少重复嵌套取值
    final commentData = snapshot.data.documents[index].data;
    return Container(
      width: 200,
      margin: const EdgeInsets.only(top: 8, bottom: 8, right: 12),
      decoration: BoxDecoration(
        boxShadow: [
          BoxShadow(
            color: Colors.black.withOpacity(0.1),
            blurRadius: 2,
            spreadRadius: 1
          )
        ],
        borderRadius: BorderRadius.circular(4),
      ),
      // 给整个卡片内容加统一内边距，避免所有元素贴边
      child: Padding(
        padding: const EdgeInsets.all(12),
        child: Column(
          // 所有子元素沿主轴左对齐，避免文本居中错位
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Row(
              // 垂直方向居中，让用户名和头像位置匹配
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                CircleAvatar(
                  backgroundImage: NetworkImage(commentData["avatarUrl"]),
                ),
                // 头像和用户名之间的固定间距
                const SizedBox(width: 8),
                Text(commentData["name"]),
              ],
            ),
            const SizedBox(height: 8),
            _buildRatingStars(commentData["rating"]),
            const SizedBox(height: 8),
            Text(commentData["text"])
          ],
        ),
      ),
    );
  }
);

实现时的额外优化提示：

• 所有元素间距靠统一的 Padding、SizedBox 定义，不会在不同屏幕尺寸下出现位置偏移
• 去掉了无效的 Align 组件，布局逻辑更清晰，后续调整边距时不需要挨个计算坐标

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