[SwiftUI]パスワードなどを保護するTextFieldを実装するには？

どうも、ちょげ(@chogetarou)です。

パスワードなどを伏せ字にして保護するTextFieldを実装する方法を紹介します。

方法

パスワードなどを保護するTextFieldを実装するには、SecureFieldを使います。

具体的には、TextFieldビューをそのままSecureFieldに置き換えます。

//TextFieldをSecureFieldに
SecureField("", text: $text)

SecureFieldビューを使えば、パスワードなどを伏せ字にするTextFieldを実装することができます。

使用例

以下は、使用例です。

struct ContentView: View {
    
    @State var password = ""
    var body: some View {
        VStack {
            SecureField("パスワード", text: $password)
                .padding()
        }
            
    }
    
}

[SwiftUI]TextFieldの大きさを変えるには？

TextFieldの大きさを変える方法を紹介します。

www.choge-blog.com

2022.02.05

[SwiftUI]TextFieldの右側に画像を表示するには？

TextFieldの右側に画像を表示する方法を紹介します。

www.choge-blog.com

2022.02.05

[SwiftUI]TextFieldの入力文字の大きさを変えるには？

TextFieldの入力された文字の大きさを変える方法を紹介します。

www.choge-blog.com

2022.02.04

[SwiftUI]TextFieldの横幅を設定するには？

TextFieldの横幅を設定する方法を紹介します。

www.choge-blog.com

2022.02.04