How To Set Flutter Textformfield Only Numbers [Detailed Flutter Example Code]

Introduction: Flutter Textformfield Only Numbers

By default the input value that a user give to the Flutter textformfield is a string, means it can be text, characters, special characters, numbers etc.

What if we want only numbers to be inputted by the user. We can specify that so our Flutter textformfield will only take numbers.

Let’s first see the default input type of textformfield. After that, we’ll set the input type to only numbers.

Default Flutter Textformfield Input Type

For that, we’ve to implement a simple Flutter textformfield widget. See below code

TextFormField()

import 'package:flutter/material.dart';
void main() {
  runApp(const MyApp());
}
class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Homepage(),
    );
  }
}
class Homepage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return SafeArea(
        child: Scaffold(
            body: Center(
                child: Padding(
                    padding: EdgeInsets.symmetric(horizontal: 40),
                    child:
                        TextFormField(keyboardType: TextInputType.number)))));
  }
}

Conclusion

To conclude this tutorial, now you’ve a detailed and in-depth practical knowledge of how to implement Flutter textformfield only numbers. I’d love to have your feedback on this post.

I’d also love to see you visit my other tutorials on Flutter app development and Python programming as well. Thank you for reading this post.

You might also like:

[Solved] Flutter Build Apk Not Working With Image Picker

How To Change Flutter Textformfield Underline Thickness [Detailed Flutter Guide]

How To Change Flutter Textfield Underline Thickness [Detailed Flutter Guide]

How To Change Flutter Textformfield Hint Text Weight [Easy Flutter Guide]