SwiftUI 如何从 TextField 读取文本？

SwiftUI 的 TextField 视图类似于 UIKit 中的 UITextField，尽管默认情况下看起来有点不同，并且在很大程度上依赖于绑定到状态。

要创建一个，您应该传入一个占位符以在文本字段内使用，外加它应该绑定到的状态值。 例如，这将创建一个绑定到本地字符串的 TextField，然后在其下方放置一个文本视图，以显示您键入时文本字段的输出：

struct ContentView: View {
    @State private var name: String = "Tim"

    var body: some View {
        VStack(alignment: .leading) {
            TextField("Enter your name", text: $name)
            Text("Hello, \(name)!")
        }
    }
}

运行该命令后，您应该可以在文本字段中输入文字，并在其正下方看到问候语。

使用文本字段时，有两个重要的条件。 首先，默认情况下，它们没有边框，因此您可能看不到任何东西 – 您需要在其大致位置内轻按以激活键盘。

其次，您可能会发现无法输入布局的画布预览。 如果遇到此问题，请按Cmd + R在模拟器中生成并运行代码。