搜尋分類、套件與程式碼儲存庫

mask 封面
套件詳情v1.0.5

mask

這個項目是讓您能夠在專案中以簡單且容易的方式進行驗證和格式化

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
177
喜歡數
35
Pub 分數
160

安裝套件

flutter pub add mask

套件介紹

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

該遮罩套件為 Flutter 應用程式中的使用者輸入提供了一種簡單且高效的方式來套用格式化與驗證。它支援文字欄位的自動格式化,例如電話號碼、CPF/CNPJ、日期和自訂模式,確保資料一致性。透過最少的設定,開發者可以在多個平台上的表單輸入中增強即時遮罩與驗證邏輯。此套件非常適合需要結構化輸入的表單,提升使用體驗與資料完整性。

適用情境

  • 表單輸入格式化
  • 電話號碼遮蔽
  • CPF/CNPJ 驗證
  • 日期與時間格式化
  • 自定模式應用
  • 即時輸入驗證

主要特色

  • 與 TextFormField 的輕鬆整合
  • 支援多個預定義的遮罩
  • 自訂遮罩建立
  • 跨平台相容性
  • 即時輸入處理
  • 輕量且高效

適合對象

  • 具有表單輸入的 Flutter 應用
  • 需要資料驗證的應用程式
  • 尋求簡單遮罩解決方案的開發者
  • 針對 Android、iOS、Web、macOS、Windows 與 Linux 的專案
  • 需要一致使用者輸入格式的應用程式

使用建議

  • 需要手動設定複雜模式
  • 內建遮罩有限,僅限常見格式
  • 可能需要額外的驗證邏輯來處理邊緣情況
  • 不適用於非文字輸入類型
  • 取決於TextController和onChanged的正確使用

原始 README

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

Mask

- validations

  • Mask.validation.cpf
  • Mask.validation.cnpj
  • Mask.validation.cpfOrCnpj
  • Mask.validation.email
  • Mask.validation.money
  • Mask.validation.date
  • Mask.validation.dateTime
  • Mask.validation.time
  • Mask.validation.money
  • Mask.validation.phone
  • Mask.validation.generic

- Description

Validations are for you to be able to simply validate your field

- Masks

  • Mask.creditCard
  • Mask.cpf
  • Mask.cnpj
  • Mask.cpfOrCnpj
  • Mask.money
  • Mask.date
  • Mask.phone
  • Mask.generic

- Description

The masks are for you to be able to customize your field, according to that information

- Examples

// money mask and validation
TextFormField(
  autovalidateMode: AutovalidateMode.onUserInteraction,
  validator: (value) => Mask.validations.money(
    value, 
    min: 100.0, // optional field
  ),
  inputFormatters: [Mask.money()],
),

// cpf or cnpj mask and validation
TextFormField(
  validator: Mask.validations.cpfOrCnpj,
  inputFormatters: [Mask.cpfOrCnpj()],
),

// your custom mask and validation
TextFormField(
  validator: (value) => Mask.validations.generic(value, min:8, error: 'info erro'),
  inputFormatters: [
    Mask.generic(
      masks: ['##-##-##'], 
      hashtag: Hashtag.numbers, // optional field
    ),
  ),
)
screenshot - cpf validation example


Feito com ❤️ by Weliton Sousa

所屬分類

原始碼儲存庫

使用此套件的專案