SwiftUI 輸入元件TextField和Form元件
xcode 13.4.1, swift 5.5, iOS 15.4
2022-08-18
SwiftUI提供了多種內建的輸入元件,其中一個是TextField用來輸入文字性的資料。
1. 下面例子我們以TextField輸入名字,然後在Text顯示出來。
import SwiftUI
struct FormExample: View {
@State var name : String = ""
var body: some View {
VStack {
TextField("Name", text: $name)
Text("Your name is \(name).")
}
}
}
2. SwiftUI提供了一個Form的容器元件包裝不過的輸入元件,就可以做出不同的輸入樣式的表單。
import SwiftUI
struct FormExample: View {
@State var name : String = ""
var body: some View {
Form {
TextField("Name", text: $name)
Text("Your name is \(name).")
}
}
}