Skip to content

SwiftUI forms: TextField

The Valley of Code

Your Web Development Manual

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)

→ Get my Swift Handbook
  • THE VALLEY OF CODE (+ PRO), your web development manual
  • I wrote 15+ free coding BOOKS, download them here
  • SOLOPRENEUR LAND the missing MBA for wannabe solopreneurs craving a life with more freedom, control, fulfillment and purpose (summer 2024)