Flutter最新稳定版：消除Column组件内TextButton默认间距方法咨询

问题的核心是TextButton自带默认的内边距和最小尺寸限制，在Column的垂直布局中这些垂直方向的空间会显现为按钮间的间距，而Row布局时水平方向的默认空间可能不太显眼。以下是几种可行的解决方法：

方法一：自定义单个TextButton的样式 #

通过styleFrom直接移除按钮的内边距、最小尺寸，并缩小点击目标区域：

Column(
  children: [
    TextButton(
      style: TextButton.styleFrom(
        padding: EdgeInsets.zero, // 移除内边距
        minimumSize: Size.zero, // 取消最小尺寸限制
        tapTargetSize: MaterialTapTargetSize.shrinkWrap, // 点击区域贴合按钮内容
      ),
      onPressed: () {},
      child: const Text("按钮1"),
    ),
    TextButton(
      style: TextButton.styleFrom(
        padding: EdgeInsets.zero,
        minimumSize: Size.zero,
        tapTargetSize: MaterialTapTargetSize.shrinkWrap,
      ),
      onPressed: () {},
      child: const Text("按钮2"),
    ),
  ],
)

方法二：全局修改TextButton样式（适用于全项目） #

如果需要项目中所有TextButton都去掉默认间距，可以在MaterialApp的theme中配置：

MaterialApp(
  theme: ThemeData(
    textButtonTheme: TextButtonThemeData(
      style: TextButton.styleFrom(
        padding: EdgeInsets.zero,
        minimumSize: Size.zero,
        tapTargetSize: MaterialTapTargetSize.shrinkWrap,
      ),
    ),
  ),
  home: YourHomePage(),
)

方法三：用SizedBox包裹并设置高度（临时应急） #

如果只是临时调整局部间距，也可以用SizedBox将按钮的高度强制缩小：

Column(
  children: [
    SizedBox(
      height: 20, // 自定义按钮高度
      child: TextButton(onPressed: () {}, child: const Text("按钮1")),
    ),
    SizedBox(
      height: 20,
      child: TextButton(onPressed: () {}, child: const Text("按钮2")),
    ),
  ],
)

这种方法不推荐长期使用，因为会破坏按钮的自适应特性，优先选择前两种方法。

内容的提问来源于stack exchange，提问作者Naim Hasan Pappu