Flutter Column内使用Alignment(x,y)时y轴对齐不生效问题

Alignment 对齐规则生效的核心前提是：对齐的父容器尺寸必须大于内部子元素的对应轴尺寸。
它的偏移计算逻辑为：对应轴偏移量 = (父容器该轴尺寸 - 子元素该轴尺寸) * Alignment该轴取值
你的代码里存在布局问题导致y轴对齐失效：

1. Stack 被直接放在 Column 中，没有设置fit属性也没有被Expanded包裹，默认会走「包裹子元素」的布局逻辑，最终Stack的高度和内部Image的高度完全相等
2. 垂直方向父容器和子元素高度差为0，不管你给Alignment的y参数设置什么值，垂直偏移量永远是0，表现为y轴对齐完全不生效
3. 水平方向上Stack默认会撑满Column给的全宽约束，父容器宽度和Image宽度存在差值，所以x轴对齐可以正常工作。

根据你的布局需求选以下任意一种方案即可：

• 如果你需要图片在全屏幕范围内对齐：直接去掉冗余的Container、Column嵌套，给Stack设置fit: StackFit.expand让它占满全屏可用空间，此时父容器有完整的屏幕高度，y轴对齐会正常生效
• 如果你后续需要在Column里放其他组件：给Stack外层套Expanded组件，让Stack占满Column的剩余可用高度即可
• 如果你只需要在固定高度范围内对齐图片：直接给包裹Image的Container设置明确的高度，只要高度大于Image本身高度，y轴对齐就会正常工作

class MyClass extends StatefulWidget {
  const MyClass({Key? key}) : super(key: key);

  @override
  State<MyClass> createState() => _MyClassState();
}

class _MyClassState extends State<MyClass> {
  late double screenWidth, screenHeight;

  @override
  Widget build(BuildContext context) {
    screenHeight = MediaQuery.of(context).size.height;
    screenWidth = MediaQuery.of(context).size.width;

    return Scaffold(
      backgroundColor: const Color(0xFF081F37),
      body: Stack(
        // 让Stack占满全屏幕可用空间
        fit: StackFit.expand,
        children: [
          Container(
            // y=1对应底部对齐，y=0对应垂直居中，y=-1对应顶部对齐，可按需调整
            alignment: const Alignment(0, 1),
            child: const Image(
                image: AssetImage('assets/images/fp_bg_vector.png')),
          ),
        ],
      ),
    );
  }
}

提示：原代码中无任何参数设置的Container、没有其他子组件的Column都属于冗余嵌套，无实际布局作用可以直接删除，减少组件树嵌套层级可以提升渲染性能。

内容的提问来源于stack exchange，提问作者I. Antonov