Flutterで数値のみを入力できるTextFieldを作成する

目的

TextFieldの入力値を数値のみに制限する

実装

以下のとおりです。

TextField(
    keyboardType: TextInputType.number,
    inputFormatters: [FilteringTextInputFormatter.digitsOnly]
)

まず、 keyboardType を TextInputType.number とする事で、
TextFieldにフォーカス時、数値のキーボードが表示されるようになります。

ただし、この状態ではカンマやピリオドが入力できる状態で、
文字のペーストなどで余計な文字を入れることも可能な状態です。

そこで inputFormatters に FilteringTextInputFormatter.digitsOnly
を設定し、入力できる文字を数値のみに制限します。