Flutter Column内Align设置bottomCenter不生效及布局报错问题

两个布局配置冲突导致了对齐失效和报错：

• Align组件的对齐生效前提是，自身父容器有明确的、大于子组件尺寸的布局边界，才有多余空间将子组件摆放到指定对齐位置。你最外层Scaffold内的Column设置了mainAxisSize: MainAxisSize.min，该属性会让Column自适应子组件的总高度，不会撑满屏幕剩余空间，整个Column高度刚好包裹骰子、按钮等内容，没有多余垂直空间，因此bottomCenter对齐无法生效，文本只能停在内容中间。
• 你在Dice组件的Column中给Align包裹Expanded时，Expanded会强制占满父Column的剩余垂直空间，但外层父Column本身是自适应高度的MainAxisSize.min模式，无法给出确定的高度约束，就会抛出你看到的RenderBox未布局错误。

只需要修改一处配置即可，其余代码无需调整：

1. 打开HomeScreen的build方法，删除外层Column的mainAxisSize: MainAxisSize.min配置。Column默认的mainAxisSize属性就是MainAxisSize.max，会自动撑满Scaffold的全部可用屏幕高度，给内部子组件传递明确的高度约束。

修改后的HomeScreen核心代码如下：

@override
Widget build(BuildContext context) {
  return MaterialApp(
    home: Scaffold(
      appBar: AppBar(
        title: const Text('Dice'),
        centerTitle: true,
      ),
      body: Column(
        // 移除原有的mainAxisSize: MainAxisSize.min配置
        children: [
          Dice(),
        ],
      )
    )
  );
}

修改后，Dice组件内已经写好的Expanded + Align组合会正常工作：Expanded会占满Column中分数文本、骰子行、按钮行之外的所有剩余垂直空间，Align在这个确定高度的空间内，会自动把Player 1:文本对齐到空间底部，也就是屏幕底部居中位置，不会再出现布局报错。

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