搜尋套件、儲存庫與 APP 分類

ducafecatFlutter 生態導航
pattern_formatter 封面
套件詳情v5.0.0

pattern_formatter

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

AndroidiOSWebmacOSWindowsLinux
pub.dev API 文件 原始碼
近 30 天下載
3.3萬
喜歡數
310
Pub 分數
150

安裝套件

flutter pub add pattern_formatter

套件介紹

根據套件公開資料產生的選型評估，僅供參考。

Pattern Formatter 是一個 Flutter 套件，提供可自訂的 TextInputFormatter 實現，以根據預定義模式格式化使用者輸入。它讓開發者能輕鬆建立電話號碼、日期或自訂格式的遮罩輸入。此套件支援 Android、iOS、Web、macOS、Windows 和 Linux 多個平台，確保跨裝置行為一致。透過使用者輸入時自動套用格式化，簡化表單處理，提升結構化資料輸入的使用者體驗。

適用情境

  • 具有固定格式的表單輸入
  • 電話號碼遮蔽
  • 日期和時間輸入格式化
  • 信用卡號碼格式化
  • 基於自定模式的文本輸入
  • 動態遮罩生成

主要特色

  • 預定義的模式範本
  • 即時輸入格式化
  • 跨平台相容性
  • 可擴充的模式定義
  • 與 TextFormField 的簡單整合
  • 支援動態與靜態遮罩

適合對象

  • 開發人員建構具有結構化輸入的表單
  • 需要格式化數據輸入的應用程式
  • 需要一致輸入樣式的項目
  • 注重使用者體驗的資料收集團隊
  • 具有輸入驗證需求的移動和Web應用程式

使用建議

  • 可能需要仔細定義模式以避免衝突
  • 有限的內建模式（複雜情況需要自訂邏輯）
  • 使用非常長的模式時可能影響效能
  • 不適用於非文字輸入類型
  • 需要理解 TextEditingValue 和格式化流程

原始 README

以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。

PatternFormatter

pub package 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:

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(),
  ],
)

所屬分類

自動格式化、遮罩與驗證

依賴

依賴清單 1 項

原始碼儲存庫

使用此套件的專案