我想和您谈谈SwiftUI中的TextField组件。它看起来像是基础教程,但TextField具有令人兴奋的功能,例如UIKit中没有的即开即用Formatter功能。
本文价值与收获
看完本文后,您将能够作出下面的界面
看完本文您将掌握的技能
- 掌握TextField基础功能
- 掌握formatters的使用设置不同格式
- 掌握TextField的不同风格
掌握TextField基础功能
如您所知,我们可以使用TextField进行用户输入。我们需要做的就是创建一个TextField并将其分配给任何String值的Binding。让我们来看一个非常简单的例子。
struct ContentView: View {
@State private var text = ""
var body: some View {
TextField("type something...", text: $text)
}
}
在上面的示例中,我们创建一个带有占位符的TextField并将其绑定到状态变量。很简单,对不对? TextField还提供了在用户输入期间可能需要处理的回调。
struct ContentView: View {
@State private var text = ""
var body: some View {
TextField(
"type something...",
text: $text,
onEditingChanged: { _ in print("changed") },
onCommit: { print("commit") }
)
}
}
如您在上面的示例中看到的,TextField允许我们处理onEditingChanged和onCommit事件。让我们了解它们之间的区别。每当用户开始或完成编辑文本时,TextField就会调用onEditingChanged关闭。它还传递一个描述开始或结束事件的布尔值。每当用户执行诸如按回车键之类的操作时,TextField就会调用onCommit闭包。
TextField formatters
好的,我们学习了基础知识,现在我们可以转到TextFields的一个更有趣的功能。您可能会注意到,TextField有一些接受Formatter的重载。这些重载使我们可以将TextField绑定到原始数据,并在使用选定的Formatter实例转换为字符串后将其呈现。让我们看一个简单的例子,它将帮助我们了解它的工作原理.