Flutter开发中如何移除ListView内Card组件之间的水平间距

• 首先确认间距来源：Flutter中Card组件默认自带EdgeInsets.all(4)的全局外边距，这是卡片间出现间隔的核心原因，同时要检查外层ListView是否配置了默认padding。
• 方案1（优先推荐）：修改BoardSelector封装内的Card配置
  找到BoardSelector类中返回Card的代码段，手动设置margin为0即可从根源移除边距：

  Card(
    margin: EdgeInsets.zero, // 移除Card默认外边距
    // 保留你原有Card的其他配置，比如elevation、child等
    child: // 原有子组件内容
  )
  

• 方案2（兼容场景）：不修改BoardSelector封装的外层处理方案
  如果不想改动已封装的BoardSelector组件，可以在循环调用时外层包裹Padding抵消默认边距：

  for(Board myBoard in boardDataList)
    Padding(
      padding: EdgeInsets.symmetric(vertical: -4, horizontal: -4), // 抵消Card默认的上下左右4dp边距
      child: BoardSelector(myBoard.boardId),
    ),
  

• 额外排查项：如果是ListView自带的边距导致页面边缘有间隙，给ListView添加padding配置：

  ListView(
    padding: EdgeInsets.zero, // 移除ListView默认内边距
    children: [
      ListTile(
        title:Text("   Board list"),
        tileColor: Color(COLOR_PRIMARY2),
      ),
      for(Board myBoard in boardDataList)
        BoardSelector(myBoard.boardId),
    ],
  )
  

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