检测文本字段更改 SwiftUI - Swift

在SwiftUI中，您可以使用@State属性包装器来跟踪视图中的状态。这个属性包装器确保了它所包装的值只能被视图自己更改，以及每次更改时都会自动触发更新视图。

在这篇文章中，我们将讨论如何使用@State包装器来检测文本字段的更改并相应地对其进行处理。

目录

• 创建文本字段
• 使用@State包装器来检测更改
• 在视图中响应更改
• 总结

创建文本字段

让我们首先创建一个文本字段，这样我们就可以使用@State包装器来跟踪其更改。

@State private var textFieldValue = ""
 
var body: some View {
   TextField("Enter some text", text: $textFieldValue)
}

在上面的代码中，我们创建一个带有占位符文本的文本字段，并将其值绑定到名为textFieldValue的@State属性包装器。这意味着我们可以更改这个文本字段的值，而且每次更改时，视图都会得到更新。

使用@State包装器来检测更改

为了检测文本字段的更改，我们需要使用SwiftUI中的onReceive修饰符并传递一个发布者。在这种情况下，我们可以使用NotificationCenter来发布文本字段更改的通知，然后使用onReceive来捕获并响应这些通知。

在我们的视图中，我们可以通过添加以下内容来设置通知：

.onReceive(NotificationCenter.default.publisher(for: UITextField.textDidChangeNotification)) { _ in
   // handle text field changes here...
}

在上面的代码中，我们使用NotificationCenter.default.publisher(for:)方法获取指定通知的发布者。在这种情况下，我们将UITextField.textDidChangeNotification用作我们的通知。

在视图中响应更改

现在，我们已经设置了通知，我们需要为文本字段的更改响应做一些实际的工作了。为此，我们将在onReceive回调中使用我们的textFieldValue属性包装器并将其设置为文本字段的值。

.onReceive(NotificationCenter.default.publisher(for: UITextField.textDidChangeNotification)) { notification in
   if let textField = notification.object as? UITextField {
       self.textFieldValue = textField.text ?? ""
   }
}

在上面的代码中，我们使用notification.object获取发布通知的对象。在这种情况下，这将是我们的文本字段。我们然后将其强制转换为一个UITextField，并将其当前文本值设置为textFieldValue属性包装器中的值。

总结

在本文中，我们讨论了如何使用@State属性包装器来跟踪视图中的状态，以及如何使用onReceive修饰符来检测文本字段的更改。我们还查看了如何在视图中响应更改并将它们反映回我们的属性包装器。

SwiftUI提供了一种非常方便的方法来管理状态并在状态更改时自动更新视图。这使得编写响应式和交互式UI变得非常容易和直接。