Flutter中保持图片上传Container位置稳定的解决方案

问题核心：两个上传按钮所在的Row默认垂直对齐方式为CrossAxisAlignment.center，当其中一个Column因显示上传后的图片导致高度增加时，Row会将另一个Column拉至垂直居中位置，从而出现移位现象。

解决步骤：

• 给包含两个上传模块的Row添加crossAxisAlignment: CrossAxisAlignment.start，让两个子元素均从Row顶部开始布局，互不影响对方的高度变化。

修改后的关键代码片段：

Row(
  crossAxisAlignment: CrossAxisAlignment.start, // 新增该行配置
  children: [
    // 正面上传InkWell
    InkWell(
      // ... 原有代码逻辑
    ),
    // 背面上传InkWell
    InkWell(
      // ... 原有代码逻辑
    ),
  ],
),

额外优化建议：

• 可给每个包含按钮和图片的Column设置mainAxisSize: MainAxisSize.min，确保Column仅占用自身内容高度，避免不必要的空间扩展。
• 也可给上传按钮的Container外层套固定高度的SizedBox，保证按钮区域高度始终一致，图片在按钮下方独立显示。

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