如何清除Flutter中Column组件的默认间距？

你遇到的间距其实来自Text组件自身的默认行高（leading），而非Column的间距。以下是几种简洁且可扩展的解决方式：

方法1：直接设置Text的行高为1.0 #

通过TextStyle的height属性将行高设为1.0，去掉Text上下的额外留白：

Column(
  mainAxisAlignment: MainAxisAlignment.center,
  children: [
    Text('why', style: TextStyle(height: 1.0)),
    Text('so', style: TextStyle(height: 1.0)),
    Text('stretched', style: TextStyle(height: 1.0)),
  ],
)

如果需要更紧凑的效果，还可以将height设为小于1的值（比如0.9），根据字体大小调整即可。

方法2：封装自定义Text组件（高扩展性） #

如果需要大量使用无额外间距的Text，直接封装一个复用组件，避免重复写style：

// 自定义紧凑Text组件
class CompactText extends StatelessWidget {
  final String data;
  final TextStyle? style;
  // 可根据需求添加其他Text支持的参数
  final TextAlign? textAlign;

  const CompactText(
    this.data, {
    super.key,
    this.style,
    this.textAlign,
  });

  @override
  Widget build(BuildContext context) {
    return Text(
      data,
      textAlign: textAlign,
      style: TextStyle(height: 1.0).merge(style),
    );
  }
}

// 使用示例
Column(
  mainAxisAlignment: MainAxisAlignment.center,
  children: const [
    CompactText('why'),
    CompactText('so'),
    CompactText('stretched'),
  ],
)

后续要调整行高只需修改自定义组件，所有使用处都会同步生效，扩展性拉满。

额外说明 #

如果是Column自身的子元素间距（比如使用了spaceBetween等对齐方式），可以通过设置Column的mainAxisSize: MainAxisSize.min让Column收缩到子元素大小，或者用SizedBox(height: 0)手动控制间距，但你当前的场景核心问题还是Text的行高。

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