【Flutter】TextFieldで数値のみの入力を許可する方法

次のように書くするこで数字以外の入力を受け付けなくなります。

import 'package:flutter/services.dart'; // ① インポート 

TextField(
  keyboardType: TextInputType.number, // ② キーボードタイプを数字入力に
  inputFormatters: <TextInputFormatter>[ 
    FilteringTextInputFormatter.digitsOnly // ③ 数字入力のみ許可する
 ], 
)

③のinputFormattersで「FilteringTextInputFormatter.digitsOnly」を指定することで数字以外入力できなくなります。

inputFormattersを使うにはサービスライブラリをインポートしておく必要があるので、忘れないように注意しましょう(上の①)。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA