/

SwiftUI 表單:TextField

SwiftUI 表單:TextField

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

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

下面是 TextField 的最基本示例:

1
2
3
4
5
6
7
8
9
struct ContentView: View {
@State private var name = ""

var body: some View {
Form {
TextField("", text: $name)
}
}
}

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

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

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

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

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

tags: [“SwiftUI”, “表單”, “TextField”]