Flutter中此结构内Spacer()为何无法正常工作？

问题核心 #

包含Spacer的Column没有足够的垂直可用空间。Row中的Column默认会根据自身内容收缩高度（mainAxisSize: MainAxisSize.min），此时Spacer没有多余空间可以拉伸，自然无法在两个Text之间产生间距。即使给Column套了Expanded，若未调整Column的主轴尺寸或对齐方式，Spacer依然无法发挥作用。

解决方案 #

要实现两个Text垂直分布，使Column高度与CircleAvatar一致，只需两步：

1. 让Column占据Row的全部垂直高度：给包裹Text的Column外层添加Expanded组件，Column会填充Row的可用垂直空间（Row高度由CircleAvatar决定）。
2. 让Spacer能分配空间：将Column的mainAxisSize设为MainAxisSize.max，确保Column占满可用高度；或直接设置mainAxisAlignment: MainAxisAlignment.spaceBetween，替代Spacer实现上下分布效果。

修改后的代码示例 #

方式一：用MainAxisAlignment.spaceBetween实现

import 'package:flutter/material.dart';

class TestSpacer extends StatelessWidget {
  const TestSpacer({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: const Column(
        children: [
          Row(
            children: [
              CircleAvatar(
                radius: 48,
                backgroundColor: Colors.white,
                child: Icon(Icons.person),
              ),
              Expanded(
                child: Column(
                  mainAxisSize: MainAxisSize.max,
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Text("123"),
                    Text("456"),
                  ],
                ),
              )
            ],
          )
        ],
      ),
    );
  }
}

方式二：保留Spacer实现

import 'package:flutter/material.dart';

class TestSpacer extends StatelessWidget {
  const TestSpacer({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: const Column(
        children: [
          Row(
            children: [
              CircleAvatar(
                radius: 48,
                backgroundColor: Colors.white,
                child: Icon(Icons.person),
              ),
              Expanded(
                child: Column(
                  mainAxisSize: MainAxisSize.max,
                  children: [
                    Text("123"),
                    Spacer(),
                    Text("456"),
                  ],
                ),
              )
            ],
          )
        ],
      ),
    );
  }
}

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