SwiftUIでテキストフィールドを実装するとき、「数字だけを入力できるキーボードを表示したい」といった場合があると思います。
この記事ではキーボードの種類を指定して、入力を制限する方法を紹介していきます。
キーボードの種類を指定する方法
キーボードの種類を指定する方法はTextFieldに[.keyboadType]を設定するだけでできます。
数字のみのキーボードを表示したい場合、以下のようなコードになります。
TextField("")
.keyboadType(.numberpad)keyboadTypeの種類
ここからは5つのkeyboadTypeの種類を画像付きで紹介していきます。
keyboadTypeの種類
| keyboadType | キーボード |
|---|---|
| .default | 標準的な入力 |
| .URL | URL形式の入力 |
| .emailAddress | メール形式の入力 |
| .numberPad | 数字の入力(小数不可) |
| .decimalPad | 数字の入力(小数可) |
他にも種類はありますが、基本的には数字のみを入れさせたい時に[.numberPad]か[.decimalPad]を使うということだけを覚えておけば便利です。
[.URL]や[emailAddress]はキーボードを切り替えなくてもよくなる分、入力が楽になるかもしれませんが、[default]でも入力はできるので、使う場面はあまりないかもしれません。
コメント