微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

SwiftUI /合并:订阅@Binding

如何解决SwiftUI /合并:订阅@Binding

我有一个带有视图模型的视图,该视图中的操作可以更改视图模型。为了能够将逻辑分解为可重用的部分,我将视图的一部分作为自己的视图,并将@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) {(实际上是上述内容的内置替代物)

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。