如何在SwiftUI中为自定义View结构体创建类似onChange的回调函数

你当前的实现虽然能实现功能，但用内部VM类存储闭包的设计略显冗余，且调用风格和SwiftUI原生API贴合度不高。针对你子视图向父视图传递数据/执行代码的实际场景，下面是几种更简洁、符合SwiftUI设计思路的优化方案：

方案一：自定义链式回调方法（贴近系统API风格） #

这种方式完全模仿onChange、onAppear的链式调用逻辑，无需额外ViewModel类，还支持传递子视图的数据给父视图：

import SwiftUI

struct Item: View {
    @State var text: String = ""
    // 定义存储回调闭包的私有属性，支持传递当前文本值
    private var onTextChanged: ((String) -> Void)?
    
    var body: some View {
        VStack {
            TextField("0", text: $text)
                .frame(width: 100, alignment: .center)
                .onChange(of: text) { newValue in
                    // 文本变化时触发回调，把最新值传给父视图
                    onTextChanged?(newValue)
                }
            
            Rectangle()
                .frame(maxWidth: .infinity)
                .frame(height: 2)
        }
    }
    
    // 链式调用的方法，命名贴合SwiftUI习惯
    func onTextChanged(perform action: @escaping (String) -> Void) -> Self {
        var copy = self
        copy.onTextChanged = action
        return copy
    }
}

// 父视图使用示例
struct ParentView: View {
    @State private var collectedTexts: [String] = []
    
    var body: some View {
        VStack(spacing: 20) {
            Item()
                .onTextChanged { text in
                    // 父视图接收子视图传递的文本，添加到数组
                    collectedTexts.append(text)
                }
            
            Text("收集到的文本：\(collectedTexts.joined(separator: ", "))")
        }
    }
}

struct Item_Previews: PreviewProvider {
    static var previews: some View {
        ParentView()
    }
}

方案二：用@Binding直接绑定父视图状态（简单场景首选） #

如果你的需求只是让子视图同步修改父视图的数据，@Binding是SwiftUI原生最直接的方案，不需要自定义回调：

import SwiftUI

struct Item: View {
    // 绑定父视图的状态变量
    @Binding var text: String
    
    var body: some View {
        VStack {
            TextField("0", text: $text)
                .frame(width: 100, alignment: .center)
            
            Rectangle()
                .frame(maxWidth: .infinity)
                .frame(height: 2)
        }
    }
}

// 父视图使用示例
struct ParentView: View {
    @State private var inputText: String = ""
    @State private var collectedTexts: [String] = []
    
    var body: some View {
        VStack(spacing: 20) {
            Item(text: $inputText)
            
            Button("保存文本") {
                collectedTexts.append(inputText)
            }
            
            Text("收集到的文本：\(collectedTexts.joined(separator: ", "))")
        }
    }
}

方案三：ObservableObject状态管理（复杂场景） #

如果子父视图交互逻辑复杂，或需要多视图共享状态，用ObservableObject做集中状态管理更合适：

import SwiftUI

class FormViewModel: ObservableObject {
    @Published var collectedTexts: [String] = []
    
    func addText(_ text: String) {
        collectedTexts.append(text)
    }
}

struct Item: View {
    @State var text: String = ""
    @ObservedObject var vm: FormViewModel
    
    var body: some View {
        VStack {
            TextField("0", text: $text)
                .frame(width: 100, alignment: .center)
                .onChange(of: text) { newValue in
                    // 直接调用ViewModel方法传递数据
                    vm.addText(newValue)
                }
            
            Rectangle()
                .frame(maxWidth: .infinity)
                .frame(height: 2)
        }
    }
}

// 父视图使用示例
struct ParentView: View {
    @StateObject private var vm = FormViewModel()
    
    var body: some View {
        VStack(spacing: 20) {
            Item(vm: vm)
            
            Text("收集到的文本：\(vm.collectedTexts.joined(separator: ", "))")
        }
    }
}

原方案的可优化点 #

• 内部VM类属于冗余设计，闭包可直接作为View的存储属性，无需额外引用类型容器
• setBlock命名不符合SwiftUI API的语义化风格，改为onTextChanged这类命名更易读
• 原方案未支持传递子视图数据，优化后的方案可直接将文本值传给父视图，更贴合实际需求

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