SwiftUI TextFieldのReturnキーの変更方法
Table of Contents
SwiftUIで実装していたところ、TextField
のReturnキーのタイプを変更する方法がわからず困ったので、備忘録としてメモします。
Returnキーの変更方法 #
submitLabel(_:)
の引数にSubmitLabel
構造体を渡すことで変更します。このSubmitLabel
に、.done
や.send
や.search
といったReturnキーが定義されています。
TextField("Enter your name", text: $inputText)
.submitLabel(.done)
![](/2023/08/15/swiftui-textfield-config/image_01_hu6ba66b87533e36698f1fee95d47c0394_256445_1000x1000_fit_lanczos_3.png)
![](/2023/08/15/swiftui-textfield-config/image_02_hu147f16def8fad51e5a44e4da7e58628a_367322_1000x1000_fit_lanczos_3.png)
onSubmit(of:_:) | Apple Developer Documentation
SubmitLabel
に定義されているReturnキーのタイプ #
- continue
- done
- go
- join
- next
- return
- route
- search
- send
Returnキーをタップしたイベントの補足方法 #
onSubmit(of:_:)
を使います。
onSubmit(of:_:) | Apple Developer Documentation
of
はSubmitTriggers
の構造体で、初期値として.text
が設定されています。
他に.search
が使えますが、これはsearchable
モディファイアと合わせて使用するため、ここでは使いません。
TextField("Enter your name", text: $inputText)
.submitLabel(.done)
.onSubmit {
// 処理
}
これで、TextFieldのReturnキーを変更することができました。