如何设置文本字段 SwiftUI - Swift

在SwiftUI中，您可以使用TextField来创建文本字段。TextField是一个内置视图，可以轻松地添加到您的UI中，并且可以方便地进行样式定制。让我们来看看如何设置文本字段。

基本用法

要创建文本字段，请使用以下语法：

TextField("Placeholder Text", text: $textValue)

在上面的代码中，我们传递了一个字符串作为占位符文本，并将其绑定到一个变量textValue上。$textValue表示绑定到变量的双向绑定。

如果要在文本字段中输入多行文本，请使用以下语法：

TextField("Placeholder Text", text: $textValue, onEditingChanged: { (isChanged) in
    // Do something on editing changed
}, onCommit: {
    // Do something on commit
})

在上面的代码中，我们添加了两个处理程序，一个处理编辑更改，另一个处理提交事件。

样式定制

您可以轻松地自定义文本字段的样式。以下是一些常见的用法：

更改字体

要更改文本字段中使用的字体，请使用font()modifier。例如：

TextField("Placeholder Text", text: $textValue)
    .font(.headline)

更改前景色

要更改文本字段的前景色，请使用foregroundColor()modifier。例如：

TextField("Placeholder Text", text: $textValue)
    .foregroundColor(.red)

更改背景颜色

要更改文本字段的背景颜色，请使用background()modifier。例如：

TextField("Placeholder Text", text: $textValue)
    .background(Color.gray)

添加边框

要向文本字段添加边框，请使用textFieldStyle()modifier。例如：

TextField("Placeholder Text", text: $textValue)
    .textFieldStyle(RoundedBorderTextFieldStyle())

此外，还可以使用任何现有的TextFieldStyle。

这就是关于在SwiftUI中设置文本字段的介绍。 TextField是一个强大的功能，可以轻松地创建和自定义文本输入控件。使用上面的代码段来尝试自己创建文本字段吧！