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

Question

每当textField 的值发生更改时，我都会尝试执行一个操作。

@Published var value: String = ""

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

但我得到以下错误。

无法将“Published”类型的值转换为预期的参数类型“Binding”

Answer 1

如果你想观察value那么它应该是State

@State var value: String = ""

Answer 2

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

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 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 binding: A very simple trick

Answer 4

在您的代码中，$value 是发布者，而 TextField 需要绑定。虽然您可以从@Published 更改为@State 甚至@Binding，但在值更改时无法观察到事件。

似乎没有办法观察绑定。

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

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

那么在你看来，你有绑定$viewModel.value。

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