SwiftUI Form报错：尾随闭包传入不接受闭包的FormStyleConfiguration参数

问题场景 #

使用SwiftUI开发表单时，代码结构看似合理，但编译时抛出以下错误：

Trailing closure passed to parameter of type 'FormStyleConfiguration' that does not accept a closure

相关代码片段：

var body: some View {
    Form {
        Section("MRN/ID:") {
            TextField("MRN/ID", text: $_model.MRN)
        }
        
        NewPatientView.CreateSection($_model.Gender) // 问题所在
        NewPatientView.CreateSection($_model.GestationalAge) // 问题所在

        // ... 其余代码
    }
}

错误原因 #

这个报错属于SwiftUI的误导性编译提示，真实问题是：Form的直接子视图中存在不符合容器要求的视图类型。

SwiftUI的Form仅允许特定类型作为直接子元素（如Section、Button、Toggle等），而代码中NewPatientView.CreateSection、NewPatientView.CreatePreNatalSection这类自定义方法返回的视图，没有被包裹在Section或其他Form支持的容器内，导致编译器无法正确解析Form的结构，从而抛出了不相关的错误信息。

修复方案 #

将所有自定义的CreateSection/CreatePreNatalSection视图，统一包裹在Section中（可以使用无标题的Section），确保Form的直接子项都是合法元素。

修改后的代码示例：

var body: some View {
    Form {
        Section("MRN/ID:") {
            TextField("MRN/ID", text: $_model.MRN)
        }
        
        // 用Section包裹自定义视图
        Section {
            NewPatientView.CreateSection($_model.Gender)
        }
        Section {
            NewPatientView.CreateSection($_model.GestationalAge)
        }

        Section {
            DatePicker("Date of Birth", selection: $_model.DOB, in: ...Date(), displayedComponents: .date)
        }

        Section {
            NewPatientView.CreateSection($_model.FatherEthnicity)
        }
        Section {
            NewPatientView.CreateSection($_model.MotherEthnicity)
        }
        Section {
            NewPatientView.CreateSection($_model.Diagnosis)
        }
        
        Section {
            Toggle("Diagnosis Confirmed", isOn: $_model.DiagnosisConfirmed)
        }

        Section {
            NewPatientView.CreatePreNatalSection($_model.Testing)
        }
        Section {
            NewPatientView.CreatePreNatalSection($_model.Imaging)
        }
        Section {
            NewPatientView.CreatePreNatalSection($_model.Exposure)
        }
        
        Section { Toggle("Informed Consent", isOn: $_model.InformedConsent) }
        Section("Notes:") { TextEditor(text: $_model.Notes) }

        Button("Save") {
            do {
                try _model.Save()
                dismiss()
            } catch let ex as Exception { ShowAlert(ex.Message) }
            catch { ShowAlert("Something went wrong!") }
        }.alert("Error", isPresented: $_showAlert) {
            Button("OK") { _showAlert.toggle() }
        } message: { Text(_alertText) }
    }
}

额外提示 #

SwiftUI的编译器报错经常会出现“文不对题”的情况，遇到这类费解的提示时，优先检查：

• 容器视图的直接子元素类型是否符合要求
• 闭包的语法是否存在遗漏（比如括号、逗号）
• 自定义视图的返回类型是否与父容器兼容

内容的提问来源于stack exchange，提问作者Hadi Fooladi Talari