SwiftUI Can I use Binding get set custom binding with @Binding property wrapper?
Asked Answered
H

1

9

How can I use Binding(get: { }, set: { }) custom binding with @Binding property on SwiftUI view. I have used this custom binding successfully with @State variable but doesn't know how to apply it to @Binding in subview initializer. I need it to observe changes assigned to @Binding property by parent class in order to execute code with some side effects!

Helmuth answered 12/12, 2019 at 19:58 Comment(1)
Can you add a bit of code to show what you've tried? It's not clear what you're trying to accomplish.Adnate
C
25

Here is possible approach. The demo shows two-directional channel through adapter binding between main & dependent views. Due to many possible callback on update there might be needed to introduce redundancy filtering, but that depends of what is really required and out of scope.

Demo code:

struct TestBindingIntercept: View {

    @State var text = "Demo"
    var body: some View {
        VStack {
            Text("Current: \(text)")
            TextField("", text: $text)
                .textFieldStyle(RoundedBorderTextFieldStyle())
            Divider()
            DependentView(value: $text)
        }
    }
}

struct DependentView: View {
    @Binding var value: String

    private var adapterValue: Binding<String> {
        Binding<String>(get: {
            self.willUpdate()
            return self.value
        }, set: {
            self.value = $0
            self.didModify()
        })
    }

    var body: some View {
        VStack {
            Text("In Next: \(adapterValue.wrappedValue)")
            TextField("", text: adapterValue)
                .textFieldStyle(RoundedBorderTextFieldStyle())
        }
    }

    private func willUpdate() {
        print(">> run before UI update")
    }

    private func didModify() {
        print(">> run after local modify")
    }
}
Catto answered 13/12, 2019 at 7:45 Comment(0)

© 2022 - 2024 — McMap. All rights reserved.