SwiftUI中不使用PlainListStyle去除列表顶部空白的方法

适配iOS 17+的方案 #

使用iOS 17新增的listContentInsetsAPI直接控制列表内边距，精准消除顶部空白，同时保留原有列表样式：

var body: some View {
    VStack{
        Text("HELLO")
        List{
            ForEach(1...3, id: \.self) {order in
                Text("hello")
            }
        }
        .listContentInsets(.init(top: 0, leading: 0, bottom: 0, trailing: 0))
    }
}

兼容iOS 16及以下版本的方案 #

通过动态计算系统默认的section头部高度，设置负padding来抵消顶部空白，避免硬编码数值带来的适配问题：

var body: some View {
    VStack{
        Text("HELLO")
        List{
            ForEach(1...3, id: \.self) {order in
                Text("hello")
            }
        }
        .padding(.top, -UITableView.appearance().sectionHeaderHeight)
    }
}

注意事项 #

• 避免使用固定数值的offset或padding（如-30），不同iOS版本、设备的默认间距存在差异，动态计算的方式更稳定。
• 上述方案不会改变List的原有样式（如元素内边距、分组视觉效果），完全满足你不想使用PlainListStyle的需求。

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