The Util Designer
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).")
        }
    }
}