如何将被Row包裹的Column组件调整至Stack布局的底部居中位置

要把被Row包裹的Column调整到Stack底部居中，你可以通过Stack的定位组件实现，有两种常用方案： #

方案1：使用Align组件（最简写法） #

直接给contentImage套一层Align，指定对齐规则为底部居中即可：
修改Stack部分的代码：

Stack(
  children: [
    destinationImage(),
    Align(
      alignment: Alignment.bottomCenter,
      child: contentImage(),
    ),
  ],
)

之后可以调整contentImage的padding属性里的bottom数值，控制内容距离Stack底部的间距。 #

方案2：使用Positioned组件（更灵活） #

如果需要精确控制横向、纵向边距，用Positioned包裹contentImage：
修改Stack部分的代码：

Stack(
  children: [
    destinationImage(),
    Positioned(
      left: 0,
      right: 0,
      bottom: 30, // 自定义调整这个数值，控制距离底部的高度
      child: contentImage(),
    ),
  ],
)

用这个方案可以直接删除contentImage原有padding里的bottom:80.0配置，避免重复设置边距冲突。 #

实现效果 #

#

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