💿

TextFiledで0を入力させない方法

2022/07/08に公開

数字入力時に頭に000...と入力できるのが嫌だったので以下の実装をしました。

TextFiledで0を入力させない方法

view側
TextField(
   keyboardType: TextInputType.number,
   inputFormatters: [FilteringTextInputFormatter.digitsOnly],
   controller: model.numberController,
   onChanged: (num) {
    if (num == '0') {
      return model.numberController.clear();
    }
  },
),
model側
final TextEditingController numberController = TextEditingController();

イメージ

入力される値をブロックするのではなく入力された値を削除するというイメージ

Discussion