Flutter中如何减少循环生成的Row组件间的间距

下面是几个快速缩小间距的实用方案：

• 移除ListTile默认内边距：ListTile自带上下左右的padding，这是最常见的间距来源。直接给ListTile设置contentPadding: EdgeInsets.zero，或者根据需求设成极小值，比如EdgeInsets.symmetric(horizontal: 2.0)。

• 清理父组件的默认间距：如果是用Column或ListView包裹这些Row，检查父组件的默认属性：

  • Column设置mainAxisSize: MainAxisSize.min，避免纵向多余留白；
  • ListView设置padding: EdgeInsets.zero，去掉上下左右的默认内边距，若不需要滚动可加shrinkWrap: true。

• 优化Row自身布局：把Row的crossAxisAlignment设为CrossAxisAlignment.center，mainAxisAlignment设为MainAxisAlignment.start，避免子组件分散导致的无效间距。同时检查Row的子组件里有没有多余的SizedBox、Spacer这类会撑开空间的组件，直接删掉。

• 限制Row的高度：如果Row被子组件撑得过高，用ConstrainedBox给Row设置最小高度，或者用IntrinsicHeight让Row自适应子组件的最小高度，减少纵向冗余空间。

示例代码（修改后） #

Column(
  mainAxisSize: MainAxisSize.min,
  children: stuffs.map((stuff) {
    if (stuff.item == item.id) {
      return Row(
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          Text(stuff.text),
          Expanded(
            child: ListTile(
              contentPadding: EdgeInsets.zero, // 核心修改：移除ListTile默认padding
              title: Text(stuff.title),
            ),
          ),
          IconButton(icon: Icon(Icons.edit), onPressed: () {}),
          IconButton(icon: Icon(Icons.delete), onPressed: () {}),
        ],
      );
    }
    return SizedBox.shrink(); // 不匹配时返回空组件，避免占位
  }).toList(),
)

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