设置stack为bottomCenter不生效，文字无法显示在图片底部如何解决

以下是三个可直接验证的修复方案，按优先级排查即可：

• 检查Stack容器是否有明确宽高约束
  Stack默认大小由未定位的子元素决定，若未明确设置和图片匹配的宽高，bottomCenter的对齐基准会小于实际图片高度，导致文字无法沉到图片底部。可以给Stack套一层SizedBox明确匹配图片尺寸，示例代码如下：

  SizedBox(
    // 宽高设置为你要展示的图片实际尺寸
    width: MediaQuery.of(context).size.width,
    height: 250,
    child: Stack(
      alignment: Alignment.bottomCenter,
      children: [
        // 图片设置fit属性保证铺满容器
        Image.network("图片链接", fit: BoxFit.cover),
        Text("beach", style: TextStyle(color: Colors.white, fontSize: 20)),
      ],
    ),
  )
  

• 给文字单独指定对齐规则
  若Stack下有多个子元素，全局alignment可能被其他子元素的定位属性覆盖，可以给文字单独套Align组件指定对齐，优先级高于Stack全局配置：

  Stack(
    fit: StackFit.expand, // 保证Stack铺满父容器
    children: [
      Image.network("图片链接", fit: BoxFit.cover),
      Align(
        alignment: Alignment.bottomCenter,
        child: Text("beach", style: TextStyle(color: Colors.white, fontSize: 20)),
      ),
    ],
  )
  

• 校验图片的fit属性配置
  若图片的fit参数设置为BoxFit.none、BoxFit.scaleDown等适配模式，图片实际渲染范围小于Stack容器，也会出现文字对齐的视觉偏差，建议设置为BoxFit.cover或者BoxFit.fill保证图片完全铺满Stack。

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