[SwiftUI]「TextField」を数字のみにする方法[Xcode]

スポンサーリンク
SwiftUI
スポンサーリンク

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

文字を入力するTextFieldビューで、数字だけを入力できるようにする方法を紹介します。

スポンサーリンク

方法

キーボード, 書きます, コンピューターのキーボード, 入力デバイス, 入力, キー, Periphaerie

TextFieldで数字のみを入力させたい場合は、キーボードをかけます。

具体的には、TextFieldでキーボードを指定できる修飾子があり、それで数字のみのキーボードにします。

キーボードを指定する修飾子は、.keyboardTypeモディファイアです。

func keyboardType(キーボードスタイル)

引数でキーボードを変えれます。

数字のみにできるのは、.numberPadです。

以下は、数字だけにした例です。

TextField("数字", text: $number)
            .keyboardType(.numberPad)

まとめ

TextFieldを数字のみにしたい場合は、keyBoadTypeモディファイアで数字しか入力できないキーボードにする。

数字のみのキーボードは、.numberPad。

[SwiftUI][Xcode]文字入力欄を作る「TextField」の使い方
2021/6/10

「文字入力欄を作りたい」

「TextFieldってどうやって使えばいいの?」

「TextFieldって何?」

と言う人に向けて、この記事は書かれています。

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

iOSアプリでは、ユーザに文字を入力してもらいたい場面というのがありますよね。

SwiftUIでは、TextFieldという文字入力欄のビューが用意されています。

この記事では、TexFieldビューの使い方を解説します。

コメント

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