← flaviocopes.com

SwiftUI forms: TextField

Published Sep 25 2021

The first form control we’ll see is the simplest: TextField.

This lets us show some text, like the Text view, and it can be editable by the user, so we can get input in the form of text.

Here’s the most basic example of TextField:

struct ContentView: View {
    @State private var name = ""
    
    var body: some View {
        Form {
            TextField("", text: $name)
        }
    }
}

We have a SwiftUI: properties that we prefaced with the @State property wrapper.

Run the code. You can see an empty text field. You can tap on it:

And you can enter any text inside it:

The first argument of TextField is a string that’s visualized when the field is empty. You can fill it with any text you want, like this:

TextField("Your name", text: $name)



Wanna go from noobie to expert?

I wrote an entire book on this topic 👇

© 2023 Flavio Copes Flavio Copes using Notion to Site Notion to Site. Follow on Twitter

Solopreneur? Wannabe? Adventure awaits