如何去除Flutter中两个ListTile之间的默认间距

以下是几种实用的解决方法：

方法1：调整VisualDensity的垂直参数 #

ListTile的visualDensity属性控制组件的紧凑程度，你当前设置的vertical: 3会扩大垂直方向间距，改成负数可以压缩内部空间，消除ListTile之间的额外间距：

Column(
  children: [
    ListTile(
      // 将vertical设为负数，比如-4，可按需调整数值
      visualDensity: VisualDensity(horizontal: 0, vertical: -4),
      contentPadding: EdgeInsets.zero, // 彻底清除内边距
      // 其余代码保持不变
    ),
    ListTile(
      visualDensity: VisualDensity(horizontal: 0, vertical: -4),
      contentPadding: EdgeInsets.zero,
      // 其余代码保持不变
    ),
  ],
)

方法2：使用ListTileTheme统一配置 #

如果有多个ListTile需要调整，用ListTileTheme包裹Column，可统一设置样式，避免重复代码：

ListTileTheme(
  visualDensity: VisualDensity(horizontal: 0, vertical: -4),
  contentPadding: EdgeInsets.zero,
  child: Column(
    children: [
      // 你的两个ListTile代码，无需单独设置visualDensity和contentPadding
      ListTile(...),
      ListTile(...),
    ],
  ),
)

方法3：补充压缩最小垂直内边距 #

如果上述方法仍存在微小间距，可给ListTile添加minVerticalPadding: 0（需Flutter 2.5及以上版本），进一步压缩垂直方向的最小内边距：

ListTile(
  visualDensity: VisualDensity(horizontal: 0, vertical: -4),
  contentPadding: EdgeInsets.zero,
  minVerticalPadding: 0, // 新增该属性
  // 其余代码保持不变
)

关键说明： #

• visualDensity的vertical值范围是-4到4，数值越小组件越紧凑；
• contentPadding: EdgeInsets.zero会清除ListTile内部所有内边距（含上下左右）；
• 若仍有间距，检查Column的mainAxisAlignment设置（默认MainAxisAlignment.start不会额外增加间距）。

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