如何使用 SwiftUI 观察 TextField 值并结合？

Question

每次 atextField的值更改时，我都尝试执行一个操作。

@Published var value: String = ""

var body: some View {            
     $value.sink { (val) in
        print(val)
     }
     return TextField($value)       
}

但我得到以下错误。

无法将“已发布”类型的值转换为预期的参数类型“绑定”

Answer 1

这应该是一种非脆弱的方式：

class MyData: ObservableObject {
    var value: String = "" {
        willSet(newValue) {
            print(newValue)
        }
    }
}

struct ContentView: View {
    @ObservedObject var data = MyData()
    var body: some View {
        TextField("Input:", text: $data.value)
    }
}

Answer 2

在你的代码中，$value是一个发布者，同时TextField需要一个绑定。虽然你可以从改变@Published到@State，甚至@Binding，当值改变无法观察到的事件。

似乎没有办法观察绑定。

另一种方法是使用ObservableObject包装您的值类型，然后观察发布者 ( $value)。

class MyValue: ObservableObject {
  @Published var value: String = ""
  init() {
    $value.sink { ... }
  }
}

那么在您看来，您拥有了 binding $viewModel.value。

struct ContentView: View {
    @ObservedObject var viewModel = MyValue()
    var body: some View {
        TextField($viewModel.value)
    }
}

Answer 3

我不为此使用组合。这对我有用：

 TextField("write your answer here...",
            text: Binding(
                     get: {
                        return self.query
                       },
                     set: { (newValue) in
                        self.fetch(query: newValue) // any action you need
                                return self.query = newValue
                      }
            )
  )

我不得不说这不是我的想法，我在这个博客中读到它：SwiftUI 绑定：一个非常简单的技巧