How to add a placeholder to a TextField

SwiftUI’s TextField supports placeholder text just like UITextField did – gray text that is shown in the text field when it’s empty, either giving uses a prompt (“Enter your password”) or showing some example data.

To set a placeholder, pass it in as part of the initializer for your text field, like this:

struct ContentView : View {
    @State var emailAddress = ""

    var body: some View {
        TextField("johnnyappleseed@apple.com", text: $emailAddress)
            .textFieldStyle(.roundedBorder)
            .padding()
    }
}

That will show “johnnyappleseed@apple.com” in the text field while it’s empty, but as soon as the user types something in there it disappears.

Tip: In beta 1 and 2 you should use TextField($emailAddress, placeholder: Text("johnnyappleseed@apple.com")) instead.