SwiftUI /合并：订阅@Binding

编程问答 2022-08-13

问题描述

我有一个带有视图模型的视图，该视图中的操作可以更改视图模型。为了能够将逻辑分解为可重用的部分，我将视图的一部分作为自己的视图，并将@Binding绑定到所需的值。现在，我希望能够基于值更改执行一些逻辑，而不必只是查看更改。我怎样才能做到这一点？如果它是一个常规属性，我将实现didSet，但那无济于事。我想使用Combine将@Binding视为发布者，但我也找不到任何方法。有建议吗？

这是代码：

class viewmodel: ObservableObject {
    @Published var counter: Int = 0
}

struct Greeter: View {
    @Binding var counter: Int {
        didSet {
            // this isn't printed....
            print("Did set -> \(counter)")
        }
    }
    
    init(counter: Binding<Int>) {
        self._counter = counter
        
        // ...so how about setting up a subscription to the @Binding counter above here?
    }
    
    var body: some View {
        Text("Hello,world #\(counter)!")
            .padding()
    }
}

struct ContentView: View {
    
    @Observedobject var viewmodel: viewmodel
    
    var body: some View {
        vstack {
            Greeter(counter: $viewmodel.counter)
            Button("Go!") {
                viewmodel.counter += 1
            }
        }
    }
}

所以我想保留数据在viewmodel中的结构，并且仅将其中的一部分传递给子视图。它是在子视图（Greeter）中，我希望能够做点什么（比如，打印出与didSet中的值一样的值）

解决方法

这是可行的方法。在Xcode 11.4 / iOS 13.4（SwiftUI 1.0+）上进行了测试

struct Greeter: View {
    @Binding var counter: Int

    var body: some View {
        Text("Hello,world #\(counter)!")
            .padding()
            .onReceive(Just(counter)) {    // << subscribe
                print(">> greeter: \($0)") // << use !!
            }
    }
}

SwiftUI 2.0+的注意事项：您可以改用.onChange(of: counter) {（实际上是上述内容的内置替代物）

combineswiftswiftswiftswiftswiftuixcodexcodexcode