SwiftUI MacOS Return/Enter Key in TextField

Question

dru_satori OP

Created Feb ’22

Replies 1

Boosts 1

Views 3.9k

Participants 2

So I am a little frustrated because this has to be simple and I am just missing it.

I have a sheet. a couple of TextFields, a couple of buttons. Mouse click, everything works fine. Setting a defaultAction to the button I would like associated with a Return key does not work because the Return is captured by the TextField that has focus.

TextField("Name: ", text: $name)
TextField("Description:", text: $description)
Button("Cancel") { self.isVisible.Toggle() }
  .keyboardShortcut(.cancelAction)
Button("Ok") { self.submit() }
  .keyboardShortcut(.defaultAction)

Manually clicking the Ok button works as expected. Pressing the Enter key never works.

So... What am I missing?

Boost

Answer 1

MobileTen OP

Feb ’22

use the submit modifier on the the ok button

TextField("Name: ", text: $name)
TextField("Description:", text: $description)
Button("Cancel") { self.isVisible.Toggle() }
  .keyboardShortcut(.cancelAction)
Button("Ok") { doSomeThing() }
  .keyboardShortcut(.defaultAction)
 .onSubmit { doSomething() }

1