Flutter中Stack的Align内添加Column后定位失效怎么办？

• Flutter布局中Column默认的mainAxisSize属性值为MainAxisSize.max，会在垂直方向占用父组件传递的最大可用空间，也就是直接撑满Stack的整个垂直高度。
• 此时Align设置的bottomLeft对齐规则是作用在高度等于Stack高度的Column整体上，Column的左下角和Stack的左下角对齐，但Column默认的内容排布规则是从顶部开始排列，所以内部子组件都会出现在Stack左上角，看起来就像Align的定位规则失效。

给Align内嵌套的Column添加mainAxisSize: MainAxisSize.min配置，让Column在垂直方向仅包裹自身内容的高度，不会撑满Stack的垂直空间，Align的对齐规则就可以正确作用在自适应高度的Column整体上，实现预期的左下角对齐效果。

修改后的代码示例：

Stack(
  alignment: Alignment.bottomRight,
  children: [
    Align(
      alignment: Alignment.center,
      child: Container(
          // 原有实现代码
      ),
    ),
    Align(
      alignment: Alignment.bottomLeft,
      child: Column(
        mainAxisSize: MainAxisSize.min, // 新增该行配置
        children: [
            // 原有子Widget代码
        ],
      ),
    ),
    Align(
      alignment: Alignment.bottomRight,
      child: Text('text')
    ),
  ],
)

如果需要Column内部内容在垂直方向底部对齐，可额外添加mainAxisAlignment: MainAxisAlignment.end属性即可。

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