[SwiftUI]TextField(テキストフィールド)のキーボード(keyboard)の種類(type)を設定するには？

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

TextFieldのキーボードのタイプを設定する方法を紹介します。

方法
使用例

方法

TextFieldのキーボードの種類を設定するには、.keyboardTypeモディファイアを使います。

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

そして、keyboardTypeモディファイアの引数にUIKeyboardTypeの値から種類を指定します。

TextField("", text: $editingText)
    .keyboardType(/*UIKeyboardTypeの値*/)

keyboardTypeモディファイアを使えば、TextFieldのキーボードの種類を設定することができます。

UIKeyboardTypeの値には次のようなものがあります。

numberPad : 数字用
URL : URL用
emailAddress : メールアドレス用

他にも様々な用途に対応したキーボードがあります。

使用例

以下は、使用例です。

struct ContentView: View {
    @State var editingText = ""
    
    var body: some View {
        VStack {
            TextField("", text: $editingText)
                .padding()
                .textFieldStyle(RoundedBorderTextFieldStyle())
                .padding()
                .keyboardType(UIKeyboardType.URL)
            TextField("", text: $editingText)
                .padding()
                .textFieldStyle(RoundedBorderTextFieldStyle())
                .padding()
                .keyboardType(UIKeyboardType.numberPad)
            TextField("", text: $editingText)
                .padding()
                .textFieldStyle(RoundedBorderTextFieldStyle())
                .padding()
                .keyboardType(UIKeyboardType.emailAddress)
        }
        
    }
}