flutter input field allow only numbers

Add Answer

Combative Cheetah answered on July 9, 2020 Popularity 7/10 Helpfulness 9/10

answer flutter input field allow only numbers

related allow only integer input flutter

related input only numbers flutter

related how to allow only characters and numbers in textfield flutter

related flutter textformfield only numbers

flutter input field allow only numbers

Comment

// import below library (if not used in code, import below library first).
import 'package:flutter/services.dart';

 
 TextFormField(
 keyboardType: TextInputType.number,
    inputFormatters: [FilteringTextInputFormatter.digitsOnly],
 ),
 
 // can be applied to (pub.dev package pin_code_fields: ^7.4.0) 
 
 PinCodeTextField(
              length: 6,
              obscureText: true,
              animationType: AnimationType.fade,
              keyboardType:TextInputType.number,
              inputFormatters: [FilteringTextInputFormatter.digitsOnly],
              cursorColor:Colors.black,
              pinTheme: PinTheme(
                  shape: PinCodeFieldShape.underline,
                  // borderRadius: BorderRadius.circular(5),
                  fieldHeight: 47,
                  fieldWidth: 47,
                  selectedColor:Color(0xFF12877F),
                  selectedFillColor: Color(0xFFF3FBFB),
                  activeColor: Color(0xFF12877F),
                  activeFillColor: Color(0xFFF3FBFB),
                  inactiveColor:Color(0xFF81C1BD),
                  inactiveFillColor:Color(0xFFF3FBFB),
                  errorBorderColor:Color(0xFFFF2121),
              ),
              animationDuration: Duration(milliseconds: 300),
              enableActiveFill: true,
              errorAnimationController: errorController,
              controller: otpController,
              onCompleted: (v) {
                print("Completed");
              },
              onChanged: (value) {
                print(value);

              },
              beforeTextPaste: (text) {
                print("Allowing to paste $text");
                //if you return true then it will show the paste confirmation dialog. Otherwise if false, then nothing will happen.
                //but you can show anything you want here, like your pop up saying wrong paste format or etc
                return true;
              }, appContext: context,
            ),

Popularity 7/10 Helpfulness 9/10 Language whatever

Source: Grepper

Tags: flutter input-field numbers whatever

Link to this answer
Share Copy Link

Contributed on Nov 17 2022

Combative Cheetah

0 Answers Avg Quality 2/10

Closely Related Answers

allow only integer input flutter

Comment

import 'package:flutter/services.dart';

new TextField(
	decoration: new InputDecoration(labelText: "Enter any number"),
	keyboardType: TextInputType.number,
	inputFormatters: <TextInputFormatter>[
    	FilteringTextInputFormatter.digitsOnly
	], // Only numbers can be entered in this input field
 ),

Popularity 7/10 Helpfulness 10/10 Language whatever

Source: Grepper

Tags: flutter input integer

Link to this answer
Share Copy Link

Contributed on May 20 2021

Shristi Gautam

0 Answers Avg Quality 2/10

input only numbers flutter

Comment

keyboardType: TextInputType.number

Popularity 10/10 Helpfulness 8/10 Language whatever

Source: Grepper

Tags: flutter

Link to this answer
Share Copy Link

Contributed on Jul 09 2020

Black Bird

0 Answers Avg Quality 2/10

how to allow only characters and numbers in textfield flutter

Comment

inputFormatters: [new  WhitelistingTextInputFormatter(RegExp("[a-zA-Z0-9]")),],

Popularity 8/10 Helpfulness 4/10 Language whatever

Source: stackoverflow.com

Tags: flutter

Link to this answer
Share Copy Link

Contributed on Jun 04 2021

Splendid Skimmer

0 Answers Avg Quality 2/10

flutter textformfield only numbers

Comment

TextField(
                        keyboardType: TextInputType.number,
                        inputFormatters: <TextInputFormatter>[
                          FilteringTextInputFormatter.digitsOnly
                        ],
                        textCapitalization: TextCapitalization.characters,
                        decoration: const InputDecoration(
                            labelText: 'Port',
                            border: OutlineInputBorder(),
                            hintText: "i.e. : 1883"),
                      ),

Popularity 1/10 Helpfulness 1/10 Language whatever

Source: Grepper

Tags: flutter-textformfield numbers whatever

Link to this answer
Share Copy Link

Contributed on Sep 27 2022

Hemang Joshi

0 Answers Avg Quality 2/10

flutter input field allow only numbers

Contents

More Related Answers

flutter input field allow only numbers

Closely Related Answers

allow only integer input flutter

input only numbers flutter

how to allow only characters and numbers in textfield flutter

flutter textformfield only numbers

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.