[SwiftUI]TextField(テキストフィールド)のフォーマット(format)を数値(number)にするには？

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

TextFieldの値のフォーマットを数値にする方法を紹介します。

方法
使用例

方法

TextFieldのフォーマットを数値にするには、「TextField(lable: value: format)」を使います。

まず、TextFieldの第１引数にプレースホルダーを指定します。

そして、引数「value」に変数のバインド、引数「format」に「.number」を指定します。

TextField("Input Number", value: $editNum, format: .number)

イニシャライザ「TextField(lable: value: format)」を使うことで、TextFieldの値のフォーマットを数値にすることが出来ます。

フォーマットを数値にするので、キーボードの設定を数値だけにする必要があります。

キーボードの入力設定は、keyboardType修飾子を使います。

使用例

struct ContentView: View {
    
    @State var editNum = 0
    
    var body: some View {
        VStack {
            TextField("Input Number", value: $editNum, format: .number)
                .keyboardType(.numberPad)
                .padding()
        }
    }
}