我們將看到的第一個表單控制項是最簡單的:TextField

這個控制項可以像 Text 視圖一樣顯示一些文字,並且可以由用戶進行編輯,因此我們可以獲得文本形式的輸入。

下面是 TextField 的最基本示例:

struct ContentView: View {
    @State private var name = ""
    
    var body: some View {
        Form {
            TextField("", text: $name)
        }
    }
}

我們在前面加上了 @State 屬性封裝器SwiftUI 屬性

運行這段代碼,你會看到一個空的文字框。你可以點擊它:

然後,你可以在其中輸入任意的文本:

TextField 的第一個參數是在字段為空時可視化的字符串。你可以填寫任何你想要的文本,像這樣:

TextField("您的名稱", text: $name)