How to add a placeholder to a TextField
Updated for Xcode 14.0 beta 1
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 users a prompt (“Enter your password”) or showing some example data.
To set your placeholder text, pass it in as part of the initializer for your text field, like this:
struct ContentView: View {
@State private var emailAddress = ""
var body: some View {
TextField("johnnyappleseed@apple.com", text: $emailAddress)
.textFieldStyle(.roundedBorder)
.padding()
}
}
Download this as an Xcode project
Important: If you’re using Xcode 12 you need to use RoundedBorderTextFieldStyle() rather than .roundedBorder.
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.
SPONSORED In-app subscriptions are a pain. The code can be hard to write, full of edge cases, and time-consuming to maintain. RevenueCat provides a backend and wrapper around StoreKit to make things simple so you can focus on building your app.
Sponsor Hacking with Swift and reach the world's largest Swift community!
Similar solutions…
