0

Hi, In flutter, How to create a text field that allows only numbers?
I'm unable to find a way to create an input field in Flutter that would open up a numeric keyboard and should take numeric input only. I tried. But I am getting errors.

Container(
              width: 310,
              TextEditingController _numberController = TextEditingController();

              child: TextField(
                controller: _numberController,
                keyboardType: TextInputType.number,
                inputFormatters: <TextInputFormatter>[
                  FilteringTextInputFormatter.digitsOnly,
                  
                  ],
                decoration: InputDecoration(
                    enabledBorder: UnderlineInputBorder(
                      borderSide: BorderSide(color: Color(0xffbcbcbc)),
                    ),
                    focusedBorder: UnderlineInputBorder(
                      borderSide: BorderSide(color: Colors.cyan),
                    ),
                    hintText: '+919876567876',
                    hintStyle: GoogleFonts.lato(
                        color: Color(0xff000000),
                        fontSize: 20,
                        letterSpacing: 0.5,
                        decorationThickness: 3)),
              ),
            ),
Priya
  • 67
  • 6
  • 1
    Does this answer your question? [How to create number input field in Flutter?](https://stackoverflow.com/questions/49577781/how-to-create-number-input-field-in-flutter) – sigmapie8 Feb 17 '23 at 08:11

2 Answers2

1

Add any of these line inside your TextField widget


          keyboardType: TextInputType.number,

             or 

         keyboardType: TextInputType.phone,
Moony-Stary
  • 451
  • 10
0

You should declare TextEditingController variable inside class, not inside Container Widget. For numeric input only, set ' keyboardType: TextInputType.number ' in TextField.

Su H Phyu
  • 13
  • 3