[SwiftUI]「TextField」にプレースホルダー(placeholder)を設定する方法

SwiftUI

2021.08.11

スポンサーリンク

目次

プレースホルダーとは？
方法
まとめ
おすすめの記事

プレースホルダーとは？

プレースホルダーは、TextFieldの入力値がない時に、代わりに表示する文字列です。

ユーザーに対して、入力欄の説明や案内などを行います。

方法

プレースホルダーの設定は、TextFieldの引数titleKeyを使うことで出来ます。

titleKeyは、TextFieldの第１引数で、文字列を指定します。

@State var text = ""
    
    var body: some View {
        TextField("入力してください", text: $text)
            .textFieldStyle(RoundedBorderTextFieldStyle())
            .padding()
    }

第１引数名は省略でき、渡した文字列がプレースホルダーとなります。

まとめ

プレースホルダーは、TextFieldの入力値がない時に代わりとして表示される文字。

TextFieldの最初の引数で指定する。

おすすめの記事

コメント

タイトルとURLをコピーしました