[SwiftUI]TextFieldのリターンキーのテキストを変えるには?

SwiftUI

どうも、ちょげ(@chogetarou)です。

TextFieldのリターンキーに表示するテキストを変える方法を紹介します。

スポンサーリンク

方法

インターフェース, インターネット, プログラム, ブラウザ, Www

TextFieldのリターンキーに表示するテキストを変えるには、submitLabelモディファイアを使います。

まず、TextFieldにsubmitLabelモディファイアを付与します。

そして、submitLabelモディファイアの引数にSubmitLabelの値を指定します。

TextField("",text: $editingText)
    .submitLabel(/*SubmitLabelの値*/)

submitLabelモディファイアを使えば、TextFieldのリターンキーのテキストを変えることができます。

使用例

以下は、使用例です。

struct ContentView: View {
    @State var editingText = ""
    @State var editingText2 = ""
    @State var editingText3 = ""
    
    var body: some View {
        VStack {
            TextField("Your Text",text: $editingText)
                .submitLabel(SubmitLabel.next)
                .padding()
                .textFieldStyle(RoundedBorderTextFieldStyle())
            
            TextField("Your Text",text: $editingText2)
                .submitLabel(.continue)
                .padding()
                .textFieldStyle(RoundedBorderTextFieldStyle())
            
            TextField("Your Text",text: $editingText3)
                .submitLabel(.go)
                .padding()
                .textFieldStyle(RoundedBorderTextFieldStyle())
        }
    }
}

コメント

タイトルとURLをコピーしました