How to get rid from leading 0 (zero) in TextField

Question

How to remove 0 numbers without loosing your cursor position.

This might be the [answer](https://stackoverflow.com/a/64368082/12913325) you are looking for. — Jay_Panchal, Jan 27 '23 at 20:01

score 6 · Accepted Answer · answered Sep 28 '22 at 11:12

6

inputFormatters: [
        FilteringTextInputFormatter.digitsOnly,
        FilteringTextInputFormatter.deny(RegExp('^0+'))
      ]

answered Sep 28 '22 at 11:12

Linar

903
6
10

score 0 · Answer 2 · answered May 16 '21 at 20:16

  TextField(
    controller: controller,
    onChanged: (value) {
      var selection = controller.selection;
      final RegExp regexp = new RegExp(r'^0+(?=.)');
      var match = regexp.firstMatch(value);

      var matchLengh = match?.group(0)?.length ?? 0;
      if (matchLengh != 0) {
        controller.text = value.replaceAll(regexp, '');
        controller.selection = TextSelection.fromPosition(
          TextPosition(
            offset: math.min(matchLengh, selection.extent.offset),
          ),
        );
      }
    },
    // keyboardType and inputFormatters not realy needed in this case but maybe usefull
    keyboardType: TextInputType.number,
    inputFormatters: <TextInputFormatter>[
      FilteringTextInputFormatter.digitsOnly
    ],
    ...
  )

score -1 · Answer 3 · answered Jan 27 '23 at 10:00

you can also try to convert string into int or double to get rid out of leading zeros, like below example.

TextField(
  controller: controller,
  onChanged: (value) {
    controller.text = int.parse(value).toString();
  },
  inputFormatters: [
    FilteringTextInputFormatter.digitsOnly,
  ],
  ....
)

How to get rid from leading 0 (zero) in TextField

3 Answers3