3个关于SwiftUI中TextField不得不看的知识点

几乎每个iOS App都须要处理用户交互，输入框做为获取用户输入内容的最经常使用控件之一是开发者常常用到的一个控件。这篇文章咱们来看一下在iOS14中怎么使用全新的SwiftUI框架来处理TextField。

到公众号【iOS开发栈】学习更多SwiftUI、iOS开发相关内容。

SwiftUI建立一个基础的TextField

struct ContentView: View {
    @State private var aStr = ""
    var body: some View {
        VStack {
            TextField("公众号<iOS开发栈>", text: $aStr)
            
            Text(aStr)
        }
    }
}

建立一个TextField须要两个参数，一个占位符和一个Bind<Binding<String。

TextFieldStyle

经过设置textFieldStyle能够修改TextField的展示样式，在SwiftUI中系统自带了UIKit框架中的几个样式：DefaultTextFieldStyle/PlainTextFieldStyle/RoundedBorderTextFieldStyle。

设置的方法是：

TextField("公众号<iOS开发栈>", text: $aStr)
    .textFieldStyle(DefaultTextFieldStyle())

若是系统自带的这三种样式都不能知足需求，也能够自定义TextField的样式

TextField文本对齐方式

在SwiftUI中设置TextField的文本对齐方式使用的modifier是multilineTextAlignment，其中包含leading/center/trailing三种对齐方式。

使用这个modifier的方法以下：

TextField("公众号<iOS开发栈>", text: $aStr)
    .multilineTextAlignment(.trailing)

到公众号【iOS开发栈】学习更多SwiftUI、iOS开发相关内容。

总结

这篇文章对SwiftUI框架中的TextFiled控件进行了讲解，主要涉及了建立方法、修改展现样式和设置文本对齐方法三个方面，但愿对你有所帮助。