How to customize the submit button for TextField, SecureField, and TextEditor

About 2 min

How to customize the submit button for TextField, SecureField, and TextEditor 관련

SwiftUI by Example

Back to Home

How to customize the submit button for TextField, SecureField, and TextEditor | SwiftUI by Example

How to customize the submit button for TextField, SecureField, and TextEditor

Updated for Xcode 15

New in iOS 15

By default, TextField and SecureField show a simple “Return” button on the keyboard, but the submitLabel() modifier let us choose from a range of alternatives.

For example, if you wanted to show the localized form of “Join” for the button, you would use this:

struct ContentView: View {
    @State private var username = ""

    var body: some View {
        TextField("Username", text: $username)
            .submitLabel(.join)
    }
}