Flutter TextInputType.number is not forcing a number only keyboard

Question

I don't understand what I'm missing here. I put TextInputType to number, and can still type any letter, special character and even an emoji. I have also tried making the child a TextInputType.numberWithOptions() widget, and it opens the same keyboard. Is this just a bug on my phone? P20 Pro

      Row(
          children: <Widget>[
            Text('TextInputType.number:'),
            Flexible(
                child: TextField(
              maxLength: 3,
              keyboardType: TextInputType.number,
            )),
          ],
        )

`keyboardType: TextInputType.number` is showing number keyboard for me. Try to uninstall and reinstall the app again. Also try to use some other keyboard then SwiftKey. — divyanshu bhargava, Mar 26 '19 at 04:54

score 14 · Accepted Answer · answered Mar 26 '19 at 03:42

14

To Only Enable Numbers - You need to add - inputFormatters: also adding - keyboardType: won't help standalone.

Code:

TextField(
          maxLength: 3,
          inputFormatters: <TextInputFormatter>[
            WhitelistingTextInputFormatter.digitsOnly,
          ],
          keyboardType: TextInputType.number,
        ),

answered Mar 26 '19 at 03:42

anmol.majhail

48,256
14
136
105

1

This does make it so that the field doesn't accept anything but a number, but the keyboard still opens fully where I can press any character. Its an improvement for sure but I would really like it to just open like [this number only keyboard](https://stackoverflow.com/a/49578197/8061908) – Miles Adamson Mar 26 '19 at 03:59
@MilesAdamson - Can you try it on different phone or Emulator & see the what keyboard comes up. – anmol.majhail Mar 26 '19 at 04:03
1

It appears it is an issue with my phone, P20 Pro. It works as expected on other phones, where they keyboard is only numbers. But your addition of WhitelistingTextInputFormatter is still great, thanks – Miles Adamson Mar 26 '19 at 18:16

score 10 · Answer 2 · answered Apr 28 '21 at 14:05

The approach above in anmol.majhail's answer is deprecated as of Flutter 2.0. Flutter recommends a shift from WhitelistingTextInputFormatter.* to FilteringTextInputFormatter.*. As such, in order to achieve the same effect in a Flutter 2.0 app follow the example in the code excerpt below.

TextField(
  maxLength: 3,
  inputFormatters: <TextInputFormatter>[
    FilteringTextInputFormatter.digitsOnly,
  ],
  keyboardType: TextInputType.number,
),

Not worked for me on samsung phone chrome – yousef Abbdolzadeh Nov 06 '22 at 12:35 — yousef Abbdolzadeh, Nov 06 '22 at 12:35

score 0 · Answer 3 · answered Nov 23 '21 at 01:14

Use this as older one is Depressed

maxLength: 10,
inputFormatters: [
   // only accept letters from 0 to 9
   FilteringTextInputFormatter(RegExp(r'[0-9]'), allow: true)
   // Using for Text Only ==>    (RegExp(r'[a-zA-Z]'))
],
keyboardType: TextInputType.number,

score 0 · Answer 4 · answered Nov 18 '22 at 13:42

TextFormField(

                       keyboardType: TextInputType.number,
                       inputFormatters:  <TextInputFormatter> [
                        FilteringTextInputFormatter.allow(RegExp(r'[0-9]')),
                        FilteringTextInputFormatter.digitsOnly,                          
                        ],
                       decoration: const InputDecoration(contentPadding: EdgeInsets.all(5),
                       labelText: "TextInputType.number:", prefixIcon: Icon(Icons.wallet),
                       ),
                       maxLength: 10,
                       
                      ),

Flutter TextInputType.number is not forcing a number only keyboard

4 Answers4