ducafecatFlutter エコシステムナビ
FLUTTER ECOSYSTEM

hnvn/flutter_pattern_formatter

Flutterパッケージには、事前に定義されたパターンを使用して入力をフォーマットするTextInputFormatterの実装がいくつか含まれています。

GitHub で見る ↗
flutter_pattern_formatter のプロジェクト画像
Stars
213
Forks
96
最終プッシュ（UTC）
2025/08/21
プロジェクト状態
公開中
HungHD GitHub avatar
GITHUB User

HungHD ↗

Full-stack developer (Android, iOS, Flutter, Blockchain, Solidity).

Hanoi, Vietnam公式サイト ↗
言語C++DartCMakeSwiftCHTMLShellKotlinObjective-C

技術トピック

# flutter# flutter-package# formatters# textinputformatter

このリポジトリが公開するパッケージ

使用している依存関係

依存関係一覧 3 件
  • flutter{"sdk":"flutter"}
  • intlany
  • flutter_test開発用{"sdk":"flutter"}

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

README を開く / 閉じる

PatternFormatter

pub package https://github.com/hnvn/flutter_pattern_formatter/workflows/unit%20test/badge.svg codecov

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

How to use

import 'package:pattern_formatter/pattern_formatter.dart';
Thousands grouping
  • Integer number:

https://github.com/hnvn/flutter_pattern_formatter/blob/master/screenshots/integer_formatter.gif?raw=true 

TextField(
  keyboardType: TextInputType.number,
  inputFormatters: [
    ThousandsFormatter()
  ],
)
  • Decimal number:

https://github.com/hnvn/flutter_pattern_formatter/blob/master/screenshots/decimal_formatter.gif?raw=true 

TextField(
  keyboardType: TextInputType.number,
  inputFormatters: [
    ThousandsFormatter(allowFraction: true)
  ],
)
Card number grouping

https://github.com/hnvn/flutter_pattern_formatter/blob/master/screenshots/card_number_formatter.gif?raw=true 

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

https://github.com/hnvn/flutter_pattern_formatter/blob/master/screenshots/date_formatter.gif?raw=true 

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