Flutter (iOS) number keyboard decimal separator

Question

When using numeric keyboard it decides whether to separate the decimals with dot or comma based on the region settings of the phone. For some reason Apple has decided that in the Netherlands it is a comma, yet everybody separates decimals with a dot here.

Changing the region of the phone works, yet not a viable solution.

Is there a way to change ios region globally/fixed?

I came to this question because I also need a dot Instead of a comma (because I wanted to use it for typing an IP address. But in the Netherlands a comma is the decimal separator so I'm not really sure what you mean by 'here'. I just want to warn you that if you override the default behavior you might confuse some people. — SEG.Veenstra
– SEG.Veenstra, Commented Jun 22, 2020 at 17:56

ypakala · Accepted Answer · 2023-07-01 23:20:18Z

15

Ok, finally found a solution. You can't replace the comma or dot, yet you can use TextFormatter. Example:

class CommaTextInputFormatter extends TextInputFormatter {
  @override
  TextEditingValue formatEditUpdate(
    TextEditingValue oldValue,
    TextEditingValue newValue,
  ) {
    String truncated = newValue.text;
    TextSelection newSelection = newValue.selection;

    if (newValue.text.contains(',')) {
      truncated = newValue.text.replaceFirst(RegExp(','), '.');
    }
    return TextEditingValue(
      text: truncated,
      selection: newSelection,
    );
  }
}

edited Jul 1, 2023 at 23:20

ypakala

1,33914 silver badges18 bronze badges

answered Aug 14, 2019 at 13:49

Bro

6091 gold badge6 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Nazarii Kahaniak Over a year ago

What to do if I have "," as a thousand separator?

David L Over a year ago

How can I use it inside a TextFormField? An error The element type 'Type' can't be assigned to the list type 'TextInputFormatter'appears when I include it in InputFormatters.

Picard Over a year ago

@DavidL you use it like: TextFormField(inputFormatters: <TextInputFormatter>[ CommaTextInputFormatter(), ], ),

Collectives™ on Stack Overflow

Flutter (iOS) number keyboard decimal separator

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related