Flutter技术问题：如何消除ListView中行之间的间距

嘿，我太懂你遇到的这个小困扰了！在Flutter开发ListView时，莫名的行间距确实挺烦人的，我自己做Demo的时候也踩过类似的坑，给你几个亲测有效的解决办法：

1. 检查列表项是否用了ListTile（最常见原因） #

ListTile组件默认自带上下左右的内边距，这是很多人误以为是ListView行间距的根源。你可以直接修改它的contentPadding参数来消除内边距：

ListTile(
  contentPadding: EdgeInsets.zero, // 彻底清除内边距
  title: Text('你的列表内容'),
  subtitle: Text('副标题'),
  // 其他属性...
)

如果不需要ListTile的点击效果、图标对齐这些特性，更推荐你用Container+Row自定义列表项，完全掌控间距：

Container(
  height: 60, // 自定义行高
  alignment: Alignment.centerLeft,
  child: Row(
    children: [
      Icon(Icons.ac_unit),
      SizedBox(width: 10), // 自定义图标和文字的间距
      Text('自定义列表项'),
    ],
  ),
)

2. 排查ListView本身的配置 #

如果你的列表是用ListView.separated构建的，那分隔器会直接造成行间距，把separatorBuilder返回空容器即可：

ListView.separated(
  itemCount: 10,
  itemBuilder: (context, index) => YourListItem(),
  separatorBuilder: (context, index) => SizedBox(height: 0), // 消除分隔器
)

另外，确保ListView没有设置额外的padding参数（除非你需要上下的边距），默认的padding可能会让列表整体看起来有间距。

3. 检查子项的margin/padding #

有时候行间距不是ListView的问题，而是每个列表子项自己设置了margin或者padding。比如你的子项是Container，不小心加了margin: EdgeInsets.symmetric(vertical: 5)，那行与行之间自然就有间距了，把多余的margin去掉就行。

你可以先从最常见的ListTile内边距问题入手排查，应该很快就能解决啦！

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