简直每一个 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 控件进行了解说，次要波及了创立办法、批改展现款式和设置文本对齐办法三个方面，心愿对你有所帮忙。