Xcode15中如何移除SwiftUI List的上下默认内边距

你遇到的问题根源在于：.listRowInsets(EdgeInsets())仅能移除列表行的内边距，但List组件在iOS17（对应Xcode15）下自带容器级的默认上下内边距，这才是你看到的不受任务数量影响的上下空白的原因。以下是直接有效的解决办法：

方法1：移除List容器上下间距 #

使用iOS17新增的.listSectionSpacing(0)修饰符，既能消除List内部section的间距，也会自动移除List顶部和底部的默认空白：

List {
    // 你的列表内容
}
.listSectionSpacing(0)
.scrollContentBackground(.hidden)

方法2：精准控制内容边距 #

用.contentMargins直接指定List的垂直边距为0，适配更灵活：

List {
    // 你的列表内容
}
.contentMargins(.vertical, 0, for: .list)
.scrollContentBackground(.hidden)

方法3：组合使用（推荐） #

同时消除行内边距和容器边距，彻底解决空白问题：

List {
    ForEach(activityInfo) { item in
        // 你的行内容
    }
    .listRowInsets(EdgeInsets()) // 移除单行内边距
}
.listSectionSpacing(0) // 移除List上下空白
.contentMargins(.vertical, 0, for: .list) // 兜底确保边距清零
.scrollContentBackground(.hidden)

替换后的完整List代码片段 #

把你代码中的List部分替换为以下内容，即可实现无上下空白的效果：

List {
    ForEach(activityInfo) { item in
        HStack {
            VStack(alignment: .leading) {
                Text("Task1")
                    .font(.title2)
                    .fontWeight(.bold)
                Text("3 to 4")
                    .font(.subheadline)
                    .foregroundColor(.gray)
            }
            
            Spacer()
            
            VStack(alignment: .trailing) {
                Text("Dance")
                HStack {
                    Text("Monday")
                }
            }
        }
        .listRowInsets(EdgeInsets())
        .padding(.horizontal, 5)
        .padding(.vertical, 0)
        .onTapGesture {
            self.selectedItem = item
        }
    }
    .onMove(perform: move)
}
.listSectionSpacing(0)
.contentMargins(.vertical, 0, for: .list)
.scrollContentBackground(.hidden)
.background(Color.clear)

注：以上方法基于iOS17+适配，如果你需要兼容更低版本，可通过UITableView.appearance().contentInset = .zero调用UIKit方法实现，但iOS17+下优先使用SwiftUI原生修饰符更可靠。

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