Friday, March 29, 2024

Basic Input formatter package for Flutter

Flutter package provides some implementations of TextInputFormatter

A Flutter package provides some implementations of TextInputFormatter that format input with pre-defined patterns.

Supports

  • Thousands grouping
  • Decimal number
  • Card number grouping
  • Date format

How to use


import 'package:pattern_formatter/pattern_formatter.dart';

Thousands grouping

  • Integer number:
Flutter package provides some implementations of TextInputFormatter
TextField(
  keyboardType: TextInputType.number,
  inputFormatters: [
    ThousandsFormatter()
  ],
)
  • Decimal number:
TextField(
  keyboardType: TextInputType.number,
  inputFormatters: [
    ThousandsFormatter(allowFraction: true)
  ],
)

Card number grouping

TextField(
  keyboardType: TextInputType.number,
  inputFormatters: [
    CreditCardFormatter(),
  ],
)

Date format

TextField(
  keyboardType: TextInputType.number,
  inputFormatters: [
    DateInputFormatter(),
  ],
)