本文，将是一篇系列长文，希望您通过阅读这篇文章，基本上就可以解决TextField的所有问题。
文章目录
- 快速入门
- 您的第一个TextField小程序
- 获取用户的输入结果，学会回调函数(onEditingChanged 和 onCommit)
- 界面效果 textFieldStyle
- 圆形边框效果
- TextField 文本对齐
- TextField 字体大小
- TextField 背景和边框效果
- 组合出复杂文本框
- 高级用法
- TextField设置键盘为只输入手机号
- TextField如何主动失去焦点
- TextField如何实时获取用户输入改变
基础入门
TextField(文本框) 是SwiftUI中一种常用的信息输入控件，非常类似网页中的表单字段。当用户在TextField输入数据时，我们可以通过SwiftUI提供各种键盘限制用户当数据类型,例如数字键盘、邮件键盘、手机键盘等。和按钮一样，TextField也能响应用户操作事件。
您的第一个TextField小应用
受益于SwiftUI声明式代码优势，可以用非常少的代码即可完成复杂的界面制作。本小节让我们用6行代码来做个文本输入的应用。
1、应用效果
image.png
2、在Xcode里面创建个项目
3、在ContentView.Swift中复制下面代码
import SwiftUI
struct ContentView: View {
@State private var text = ""
var body: some View {
TextField("请输入", text: $text)
}
}
4、代码讲解
- @State private var text
为了获取Text输入内容，我们可以定义一个@State变量。
