SwiftUI Form实现标签在TextField上方时Section间距过大如何解决？

首先明确：不需要移除Form，Form自带的跨设备适配能力可以帮你省去大量手动兼容iPhone、iPad不同布局、分屏、动态类型的适配工作量，你遇到的顶部留白、Section间距过大问题都是Form默认继承自UITableView的分组列表样式预设导致的，只需修改默认配置即可实现通讯录同款输入项的效果。

具体修改方案 #

1. 消除Form顶部大量留白 #

留白主要来自两部分：

• iOS15+ 中UITableView默认新增的sectionHeaderTopPadding属性，默认值不为0
• 空Section默认会预留header、footer的占位高度
  对应修复方式：
• 给所有Section显式传入高度为0的header和footer，避免预留占位
• iOS16+ 直接添加.scrollContentBackground(.hidden)修饰符去掉默认背景留白
• 兼容更低版本可在页面onAppear中临时修改列表配置，注意控制作用域避免影响其他页面的列表样式

2. 缩小Section之间的间距 #

iOS15+ 直接使用.listSectionSpacing(_:)修饰符自定义Section之间的间距，数值可根据设计需求调整，设置为8左右即可接近通讯录的紧凑间距。

3. 优化后的完整代码示例 #

struct ContactFormView: View {
    @State private var Field1 = ""
    @State private var Field2 = ""
    
    var body: some View {
        Form {
            Section(header: Spacer(minLength: 0), footer: Spacer(minLength: 0)) {
                VStack(alignment: .leading, spacing: 6) {
                    Text("Field1")
                        .font(.subheadline)
                        .foregroundColor(.secondary)
                    TextField("请输入内容", text: $Field1)
                }
                .padding(.vertical, 10)
            }
            
            Section(header: Spacer(minLength: 0), footer: Spacer(minLength: 0)) {
                VStack(alignment: .leading, spacing: 6) {
                    Text("Field2")
                        .font(.subheadline)
                        .foregroundColor(.secondary)
                    TextField("请输入内容", text: $Field2)
                }
                .padding(.vertical, 10)
            }
        }
        .listSectionSpacing(8)
        .scrollContentBackground(.hidden)
        .listStyle(.grouped)
        .onAppear {
            // 兼容iOS14及以下版本的间距调整
            UITableView.appearance().sectionHeaderTopPadding = 0
            UITableView.appearance().sectionFooterHeight = 0
        }
    }
}

什么情况下才考虑手动实现表单？ #

只有当你的表单交互逻辑完全脱离系统原生表单的交互范式时，才考虑用ScrollView嵌套VStack手动实现，否则强烈不建议为了间距问题直接弃用Form，手动实现需要额外处理以下适配工作：

• 键盘弹出时自动滚动到激活的输入框到可视区域
• iPad分屏、侧边栏布局下的边距自适应
• 系统深浅色、动态类型的样式适配
• 表单编辑模式下的多选、删除等原生交互支持

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