How can I change the "Return" button of a textField keyboard to the blue "Done" button in SwiftUI?

Question

I have this textField:

TextField("Username", text: $username).textFieldStyle(PlainTextFieldStyle())

How can I change its keyboard return button to the Done button?

Answer 1

iOS 15

You can change the return key for each textField with a simple modifier called: submitLabel that takes the return key type:

Image from WWDC21

Also, as you can see, you can have a callback to handle the return key press action just like the old textFieldShouldReturn function that is accessible by .onSubmit modifier.