SwiftUI报错：含声明的闭包无法与ViewBuilder结果构建器配合使用

报错原因 #

你遇到的Closure containing a declaration cannot be used with result builder 'ViewBuilder'错误，是因为SwiftUI的ViewBuilder闭包（比如VStack的内容区域）只允许放置View类型的元素，不能直接在里面定义函数。你把CheckInput()函数写在了VStack内部，违反了这个规则。

代码修复与需求实现 #

下面是重构后的完整代码，同时实现了「结束输入/回车时校验、弹窗提示、校验通过跳转」的需求：

import SwiftUI

struct ContentView: View {
    @State private var name: String = ""
    @State private var showAlertC1 = false
    @State private var showAlertC2 = false
    @State private var shouldNavigate = false // 控制跳转的状态
    
    var body: some View {
        NavigationStack { // iOS 16+ 使用，iOS 13-15 替换为 NavigationView
            VStack(alignment: .center) {
                Text("enter your name")
                TextField("Enter your name...", text: $name)
                    .onEditingChanged { editing in
                        if !editing {
                            checkInputAndHandle()
                        }
                    }
                    .onCommit {
                        checkInputAndHandle() // 处理键盘回车触发校验
                    }
                
                // 绑定跳转状态的隐藏NavigationLink
                NavigationLink(
                    destination: DisplayView(name: name),
                    isActive: $shouldNavigate,
                    label: { EmptyView() }
                )
            }
            .alert(isPresented: $showAlertC1) {
                Alert(title: Text("Error"), message: Text("Input is empty"), dismissButton: .default(Text("OK")))
            }
            .alert(isPresented: $showAlertC2) {
                Alert(title: Text("Error"), message: Text("Input is not valid"), dismissButton: .default(Text("OK")))
            }
        }
    }
    
    // 校验逻辑移到body外部的函数中
    private func checkInputAndHandle() {
        if name.isEmpty {
            showAlertC1 = true
            shouldNavigate = false
        } else if !checkInput(name) {
            showAlertC2 = true
            shouldNavigate = false
        } else {
            shouldNavigate = true // 校验通过，触发跳转
        }
    }
    
    // 原有的输入合法性校验函数
    private func checkInput(_ input: String) -> Bool {
        let alphabet = CharacterSet.letters
        return input.rangeOfCharacter(from: alphabet) != nil
    }
}

// 跳转目标视图示例
struct DisplayView: View {
    let name: String
    var body: some View {
        Text("Hello, \(name)!")
            .font(.largeTitle)
    }
}

关键修改点 #

• 移除ViewBuilder内的函数定义：将校验逻辑函数checkInputAndHandle()移到结构体的body属性外部，符合SwiftUI视图构建规则。
• 新增跳转状态控制：通过shouldNavigate状态变量绑定NavigationLink的isActive参数，实现校验通过后的自动跳转。
• 覆盖所有触发场景：同时在onEditingChanged（结束输入时）和onCommit（键盘回车时）调用校验函数，满足需求中的触发条件。
• 修正原代码逻辑错误：移除了原函数中错误嵌套的NavigationLink（View不能在普通函数中直接声明），改为状态驱动的跳转逻辑。

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