ducafecatFlutter 生態導航
FLUTTER ECOSYSTEM

hnvn/flutter_pattern_formatter

一個 Flutter 套件提供了某些 TextInputFormatter 的實作，這些實作會使用預定義的模式來格式化輸入。

在 GitHub 查看 ↗
flutter_pattern_formatter 專案封面
Stars
213
Forks
96
最近推送（UTC）
2025年8月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(),
  ],
)