Flutter：如何让Column的首个子元素在父容器垂直居中？

要让Text('11:06')在CircleAvatar中保持垂直居中，同时在其下方放置Icon，推荐用以下两种方案实现，避免Column整体居中导致的文本偏移问题：

方案一：使用Stack组件精准定位 #

通过Stack让文本固定在CircleAvatar中心，再单独控制Icon的位置，完全不影响文本的居中状态：

child: CircleAvatar(
  radius: 146,
  backgroundColor: Colors.black87,
  child: Stack(
    alignment: Alignment.center,
    children: [
      Text('11:06',
          style: TextStyle(
            fontSize: 70,
          )),
      // 根据文本大小调整top值，让Icon处于文本下方合适位置
      Positioned(
        top: 120,
        child: Icon(Icons.restart_alt),
      ),
    ],
  ),
),

方案二：Column结合Spacer分配空间 #

利用Spacer平分文本上下的空白区域，确保文本垂直居中，Icon固定在底部：

child: CircleAvatar(
  radius: 146,
  backgroundColor: Colors.black87,
  child: Column(
    children: [
      Spacer(), // 顶部占位，将文本推至垂直中心
      Text('11:06',
          style: TextStyle(
            fontSize: 70,
          )),
      Spacer(), // 底部占位，维持文本居中状态
      Icon(Icons.restart_alt),
      SizedBox(height: 20), // 给Icon添加底部间距，避免贴边
    ],
  ),
),

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