SwiftUI：如何响应ViewModel等外部对象更新视图状态？

嘿，我来帮你拆解这个问题——你遇到的核心问题是手动绑定@State变量的方式不符合SwiftUI的状态管理逻辑，咱们一步步来解决：

问题根源分析 #

你的ContentView是值类型，每次视图需要更新时，SwiftUI都会创建新的ContentView实例。这就导致你在init里设置的bind只在第一次创建视图时生效，后续ViewModel的更新无法传递到新实例的viewText上。另外，直接用assign(to: \.viewText, on: self)修改@State变量也不是SwiftUI推荐的做法，@State应该由框架内部管理，外部直接赋值可能无法正确触发视图刷新。

方案一：直接绑定ViewModel的@Published属性（最推荐） #

既然你的ViewModel已经是ObservableObject且带有@Published修饰的text属性，完全不需要额外的@State变量。直接在View里使用ViewModel的属性作为数据源和绑定源，SwiftUI会自动处理所有更新：

class ViewModel: ObservableObject { 
    @Published var text: String = "loading" 
    private var task: AnyCancellable? 
    func fetch() { 
        task = Just("done") 
            .delay(for: 1, scheduler: RunLoop.main) 
            .assign(to: \.text, on: self) 
    } 
} 

struct ContentView: View { 
    @ObservedObject var viewModel = ViewModel() 

    var body: some View { 
        VStack { 
            // 直接绑定到ViewModel的text属性
            TextField("editable text", text: $viewModel.text) 
            Text(viewModel.text) 
            Text(viewModel.text) 
        } 
        .onAppear { self.viewModel.fetch() } 
    } 
}

这样修改后，所有UI元素都会随着ViewModel的text更新自动刷新，代码更简洁，完全符合SwiftUI的设计理念。

方案二：如果需要独立的@State变量，用onReceive监听更新 #

如果你因为某些业务需求必须保留视图本地的@State变量，那应该使用onReceive修饰符来监听ViewModel的变化，而不是在init里手动赋值：

class ViewModel: ObservableObject { 
    @Published var text: String = "loading" 
    private var task: AnyCancellable? 
    func fetch() { 
        task = Just("done") 
            .delay(for: 1, scheduler: RunLoop.main) 
            .assign(to: \.text, on: self) 
    } 
} 

struct ContentView: View { 
    @ObservedObject var viewModel = ViewModel() 
    @State var viewText = "idle" 

    var body: some View { 
        VStack { 
            TextField("editable text", text: $viewText) 
            Text(viewText) 
            Text(viewModel.text) 
        } 
        .onAppear { 
            self.viewModel.fetch() 
            // 初始化时同步一次初始值
            self.viewText = self.viewModel.text 
        } 
        // 监听ViewModel的text变化，实时更新viewText
        .onReceive(viewModel.$text) { newText in 
            self.viewText = newText 
        } 
    } 
}

onReceive会在ViewModel的text每次变化时触发，确保viewText和ViewModel的状态保持同步，而且它会在视图的整个生命周期内生效，不会像init那样只执行一次。

内容的提问来源于stack exchange，提问作者sam-w