- 基本形
- TextFieldのスタイル
変数宣言部分
@State var text = ""
TextField本体
TextField([プレースホルダーの文字列], text: $text)
TextFieldの第一引数がプレースホルダー、第二引数が入力欄に表示される文字列という感じですね。
TextFieldのスタイル
textFieldStyleを設定することで表示スタイルを変えることができる
.textFieldStyle([設定値])
設定値 | 表示内容 |
DefaultTextFieldStyle() | |
RoundedBorderTextFieldStyle() |
実装例
struct ContentView: View {
@State private var text = ""
var body: some View {
VStack {
TextField("プレースホルダー", text: $text)
.textFieldStyle(RoundedBorderTextFieldStyle())
.padding()
}
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
RegisterPointView()
}
}