Breaking News: Grepper is joining You.com. Read the official announcement!

how to allow only characters and numbers in textfield flutter

Add Answer

Splendid Skimmer answered on June 4, 2021 Popularity 9/10 Helpfulness 4/10

answer how to allow only characters and numbers in textfield flutter

related flutter input field allow only numbers

related flutter textfield allow only numeric characters value

how to allow only characters and numbers in textfield flutter

Comment

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

Popularity 9/10 Helpfulness 4/10 Language whatever

Source: stackoverflow.com

Tags: flutter numbers textfield whatever

Link to this answer
Share Copy Link

Contributed on Jun 04 2021

Splendid Skimmer

0 Answers Avg Quality 2/10

Closely Related Answers

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 9/10 Helpfulness 10/10 Language whatever

Source: Grepper

Tags: flutter

Link to this answer
Share Copy Link

Contributed on Nov 17 2022

Combative Cheetah

0 Answers Avg Quality 2/10

flutter textfield allow only numeric characters value

Comment

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Numeric Input Example'),
        ),
        body: NumericInputWidget(),
      ),
    );
  }
}

class NumericInputWidget extends StatefulWidget {
  @override
  _NumericInputWidgetState createState() => _NumericInputWidgetState();
}

class _NumericInputWidgetState extends State<NumericInputWidget> {
  TextEditingController _controller = TextEditingController();

  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }

  void _onChanged(String value) {
    // Remove non-numeric characters using a regular expression
    String numericValue = value.replaceAll(RegExp(r'[^0-9]'), '');

    // Update the text field value with the numeric value
    _controller.value = _controller.value.copyWith(
      text: numericValue,
      selection: TextSelection.collapsed(offset: numericValue.length),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: EdgeInsets.all(16.0),
      child: TextField(
        controller: _controller,
        keyboardType: TextInputType.number,
        onChanged: _onChanged,
        decoration: InputDecoration(
          labelText: 'Enter Numeric Value',
        ),
      ),
    );
  }
}

Popularity 3/10 Helpfulness 2/10 Language whatever

Source: chat.openai.com

Tags: numeric whatever

Link to this answer
Share Copy Link

Contributed on Oct 07 2023

Yunus Abdul Hanif

0 Answers Avg Quality 2/10

how to allow only characters and numbers in textfield flutter

Contents

More Related Answers

how to allow only characters and numbers in textfield flutter

Closely Related Answers

flutter input field allow only numbers

flutter textfield allow only numeric characters value

Grepper

Documentation

Social

Legal

Contact

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