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控件進行了講解，主要涉及了建立方法、修改展現樣式和設置文本對齊方法三個方面，但願對你有所幫助。