如何为SwiftUI的CustomTextField重写@Binding以实现ViewModel驱动的双向绑定

首先得说清楚你当前实现的核心问题：你把CustomTextFieldViewModel用@StateObject放在了CustomTextField内部，这就导致父视图（比如ContentView）完全没法访问这个ViewModel的状态，自然也就没法同步数据了——这就是为什么去掉@Binding后父视图的Text不更新的原因。

接下来给你几个可行的解决方案，你可以根据自己的需求选：

方案1：让父视图持有ViewModel（最直观的模块化方案） #

这种方式下，ViewModel的生命周期由父视图管理，CustomTextField只负责接收ViewModel并渲染，完美符合模块化的需求——父视图可以自由初始化ViewModel，甚至给它传参，CustomTextField只需要专注于UI展示。

修改后的代码如下：

import SwiftUI
import Combine

struct ContentView: View {
    // 父视图持有ViewModel，用@StateObject管理生命周期
    @StateObject private var textFieldVM = CustomTextFieldViewModel()
    
    var body: some View {
        VStack {
            // 把ViewModel传给CustomTextField
            CustomTextField(viewModel: textFieldVM)
            // 直接绑定ViewModel的text，自动同步更新
            Text(textFieldVM.text)
        }
    }
}

struct CustomTextField: View {
    // 用@ObservedObject接收父视图传来的ViewModel
    @ObservedObject var viewModel: CustomTextFieldViewModel
    
    var body: some View {
        // 绑定ViewModel的text属性
        TextField("title", text: $viewModel.text)
    }
}

final class CustomTextFieldViewModel: ObservableObject {
    private var cancellables: Set<AnyCancellable> = []
    // 用@Published自动发送状态更新通知
    @Published var text = ""
    
    // 这里可以加你需要的业务逻辑，比如输入验证、格式处理等
    init() {
        // 举个例子：监听text变化，自动转成大写
        $text
            .map { $0.uppercased() }
            .assign(to: \.text, on: self)
            .store(in: &cancellables)
    }
}

这个方案的优点是逻辑清晰，模块化程度高，CustomTextField可以被任何父视图复用，只要传入对应的ViewModel就行。

方案2：让CustomTextField内部持有ViewModel，但暴露Binding给父视图 #

如果你想让CustomTextField自己管理ViewModel的生命周期，同时还要和父视图同步数据，可以通过自定义Binding来实现双向同步：

import SwiftUI
import Combine

struct ContentView: View {
    @State private var parentText = ""
    
    var body: some View {
        VStack {
            // 把父视图的State绑定传给CustomTextField
            CustomTextField(text: $parentText)
            Text(parentText)
        }
    }
}

struct CustomTextField: View {
    // 接收父视图的Binding
    @Binding var text: String
    // 内部持有ViewModel
    @StateObject private var viewModel = CustomTextFieldViewModel()
    
    var body: some View {
        TextField("title", text: $viewModel.text)
            .onAppear {
                // 初始化时同步父视图的初始值
                viewModel.text = text
            }
            .onReceive(viewModel.$text) { newText in
                // 当ViewModel的text变化时，同步给父视图的Binding
                text = newText
            }
            .onChange(of: text) { newText in
                // 当父视图的text变化时，同步给ViewModel
                viewModel.text = newText
            }
    }
}

final class CustomTextFieldViewModel: ObservableObject {
    private var cancellables: Set<AnyCancellable> = []
    @Published var text = ""
    
    // 这里可以加你的业务逻辑
}

或者更简洁的方式，直接在CustomTextField里创建一个连接ViewModel和父Binding的computed Binding：

struct CustomTextField: View {
    @Binding var text: String
    @StateObject private var viewModel = CustomTextFieldViewModel()
    
    // 自定义双向Binding
    private var textBinding: Binding<String> {
        Binding(
            get: { viewModel.text },
            set: {
                viewModel.text = $0
                text = $0
            }
        )
    }
    
    var body: some View {
        TextField("title", text: textBinding)
            .onAppear {
                viewModel.text = text
            }
    }
}

这个方案适合你想把ViewModel的细节封装在CustomTextField内部，只暴露必要的Binding给父视图的场景。

关于你的几个疑问 #

1. 当前实现是否有根本性错误？
   是的，核心错误就是ViewModel被CustomTextField内部私有化了，父视图无法感知其状态变化，切断了双向绑定的链路。

2. 是否可以用非@Published的属性包装器？
   可以，比如在iOS 17+中你可以用@Bindable包装ViewModel，或者手动用PassthroughSubject来发送状态更新，但@Published是最简洁、最符合SwiftUI范式的方式，没必要舍近求远。

3. 有没有正确初始化ViewModel的方式？
   方案1就是正确的初始化方式——让父视图负责ViewModel的初始化和生命周期管理，然后传递给子视图，这样父视图能完全控制ViewModel的状态，同时子视图也能复用。

内容的提问来源于stack exchange，提问作者shingo.nakanishi