How to create secure text fields using SecureField

Paul Hudson    @twostraws    October 4th 2019

Fully updated for Xcode 11 GM

SwiftUI’s SecureField works almost identically to a regular TextField except the characters are masked out for privacy. The underlying value you bind it to is still a plain string, of course, so you can check it as needed.

Here’s an example that creates a SecureField bound to a local @State property so we can show what they typed:

struct ContentView: View {
    @State private var password: String = ""

    var body: some View {
        VStack {
            SecureField("Enter a password", text: $password)
            Text("You entered: \(password)")
        }
    }
}

Similar solutions…

• SwiftUI tips and tricks
• Building a menu using List
• Composing views to create a list row
• Two-way bindings in SwiftUI
• How to create views in a loop using ForEach