How to create a number input field in Flutter? Only 10 digital

DevOps

MOTOSHARE 🚗🏍️
Turning Idle Vehicles into Shared Rides & Earnings

From Idle to Income. From Parked to Purpose.
Earn by Sharing, Ride by Renting.
Where Owners Earn, Riders Move.
Owners Earn. Riders Move. Motoshare Connects.

With Motoshare, every parked vehicle finds a purpose. Owners earn. Renters ride.
🚀 Everyone wins.

Start Your Journey with Motoshare

To limit the number of digits entered in a TextField widget to 10 digits, you can use the inputFormatters property of the TextField widget.

TextEditingController _controller = TextEditingController();
final tenDigitsOnly = new RegExp(r'^\d{0,10}$');

TextField(
  controller: _controller,
  keyboardType: TextInputType.number,
  inputFormatters: [
    FilteringTextInputFormatter.allow(tenDigitsOnly)
  ],
)
Code language: JavaScript (javascript)

In this code, we have created a regular expression tenDigitsOnly that matches only digits and has a maximum length of 10. Then we have passed it to the FilteringTextInputFormatter.allow() method which allows only characters that match the provided regular expression.

By using this code, the user will only be able to enter up to 10 digits in the TextField.

Subscribe
Notify of
guest

This site uses Akismet to reduce spam. Learn how your comment data is processed.

0 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x