flutter_pattern_formatter - GitLite

KO | EN

gitlite — search

#javascript #hacktoberfest #ai #go #android #rust #docker #nodejs #awesome #kubernetes #mcp #ios #openai #open-source

flutter_pattern_formatter

(★ 213)

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

File Explorer

Download Latest Version (.zip)

- - dart.yml
- - Project.xml
- - Dart_Packages.xml
  - Dart_SDK.xml
  - Flutter_Plugins.xml
- flutter_pattern_formatter.iml
- markdown-navigator.xml
- modules.xml
- vcs.xml
- workspace.xml
- launch.json
- - .gitignore
  - build.gradle.kts
  - gradle.properties
  - settings.gradle.kts
- - .gitignore
- - main.dart
- - .gitignore
  - CMakeLists.txt
- - .gitignore
- - favicon.png
  - index.html
  - manifest.json
- - .gitignore
  - CMakeLists.txt
- .gitignore
- .metadata
- analysis_options.yaml
- pubspec.lock
- pubspec.yaml
- README.md
- date_formatter.dart
- numeric_formatter.dart
- pattern_formatter.dart
- card_number_formatter.gif
- date_formatter.gif
- decimal_formatter.gif
- integer_formatter.gif
- pattern_input_formatter_test.dart
.gitignore
.metadata
CHANGELOG.md
LICENSE
pattern_formatter.iml
pubspec.lock
pubspec.yaml
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# PatternFormatter

[![pub package](https://img.shields.io/pub/v/pattern_formatter.svg)](https://pub.dartlang.org/packages/pattern_formatter) ![](https://github.com/hnvn/flutter_pattern_formatter/workflows/unit%20test/badge.svg) [![codecov](https://codecov.io/gh/hnvn/flutter_pattern_formatter/branch/master/graph/badge.svg)](https://codecov.io/gh/hnvn/flutter_pattern_formatter)

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

## How to use

```dart
import 'package:pattern_formatter/pattern_formatter.dart';
```

### Thousands grouping

* Integer number:

<p>
    <img width="512" src="https://github.com/hnvn/flutter_pattern_formatter/blob/master/screenshots/integer_formatter.gif?raw=true"/>
</p>

```dart
TextField(
  keyboardType: TextInputType.number,
  inputFormatters: [
    ThousandsFormatter()
  ],
)
```

* Decimal number:

<p>
    <img width="512" src="https://github.com/hnvn/flutter_pattern_formatter/blob/master/screenshots/decimal_formatter.gif?raw=true"/>
</p>

```dart
TextField(
  keyboardType: TextInputType.number,
  inputFormatters: [
    ThousandsFormatter(allowFraction: true)
  ],
)
```

### Card number grouping

<p>
    <img width="512" src="https://github.com/hnvn/flutter_pattern_formatter/blob/master/screenshots/card_number_formatter.gif?raw=true"/>
</p>

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

### Date format

<p>
    <img width="512" src="https://github.com/hnvn/flutter_pattern_formatter/blob/master/screenshots/date_formatter.gif?raw=true"/>
</p>

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