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

ducafecatFlutter 生態導航
multi_masked_formatter 封面
套件詳情v1.0.0

multi_masked_formatter

多掩碼文字輸入格式化程式 Flutter 插件。對於輸入電話號碼、出生日期非常有用。

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

安裝套件

flutter pub add multi_masked_formatter

套件介紹

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

一個 Flutter 外掛程式，支援多重遮罩文字輸入格式化，非常適合電話號碼和出生日期等結構化資料輸入。它支援動態遮罩與可自訂的模式，確保使用者在所有平台以一致且友善的格式輸入資料。格式化工具會自動在使用者輸入時套用遮罩，減少輸入錯誤並改善使用者體驗。專為跨平台使用設計，可在 Android、iOS、Web、macOS、Windows 和 Linux 上順暢運作。

適用情境

  • 帶有國家特定格式的電話號碼輸入
  • 使用標準日期格式輸入出生日期
  • 信用卡號碼格式化
  • 自定數字或字母數字輸入模式
  • 表單驗證與即時反饋
  • 需要一致格式的多欄位表單輸入

主要特色

  • 支援多種遮罩模式
  • 輸入時動態套用遮罩
  • 跨平台相容性
  • 可設定的佔位符與分隔符字元
  • 即時輸入驗證
  • 與 TextFormField 的輕鬆整合

適合對象

  • 開發具有結構化輸入要求的表單的開發者
  • 需要國際電話號碼支援的應用程式
  • 需要精確日期/數字輸入的醫療或金融應用程式
  • 以使用者體驗為導向的應用程式，優先考量輸入清晰度
  • 開發多平台 Flutter 應用的團隊

使用建議

  • 可能需要仔細設定以處理複雜的遮罩邏輯
  • 使用大量同時格式化程式時的效能影響
  • 內建錯誤處理功能有限，僅限於遮罩合規性
  • 不適用於滑塊或選擇器等非文字輸入類型
  • 需要在所有目標平台上進行測試以確保一致性

原始 README

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

multi_masked_formatter

Multple Masked TextInputFormatter Flutter plugin. It is useful for entering phone numbers, date of birth.

Getting Started

Dependency
dependencies:
  multi_masked_formatter: ^1.0.0
Import
import 'package:multi_masked_formatter/multi_masked_formatter.dart';
Example
TextField(
  inputFormatters: [
    MultiMaskedTextInputFormatter(
        masks: ['xxx-xxxx-xxxx', 'xxx-xxx-xxxx'], separator: '-')
  ],
  autofocus: true,
  keyboardType: TextInputType.number,
  decoration:
      InputDecoration(
        labelText: 'PhoneNumber',
        hintText: '010-123-4567 or 010-1234-5678'),
);
  
  
TextField(
  inputFormatters: [
    MultiMaskedTextInputFormatter(
        masks: ['xx.xx.xx', 'xxxx.xx.xx'], separator: '.')
  ],
  autofocus: true,
  keyboardType: TextInputType.number,
  decoration: InputDecoration(
      labelText: 'Date of birth', hintText: '99.02.20 or 1999.02.20'),
);

所屬分類

自動格式化、遮罩與驗證

原始碼儲存庫

使用此套件的專案

暫無相關資料。