カテゴリー・パッケージ・リポジトリを検索

ducafecatFlutter エコシステムナビ
mask のカバー
パッケージ詳細v1.0.5

mask

このプロジェクトは、あなたのプロジェクトで検証とフォーマットを簡単かつ簡単に実行できるようにするためのものです

AndroidiOSWebmacOSWindowsLinux
pub.dev API ドキュメント ソースコード
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

カテゴリー

自動フォーマット、マスク処理および検証

ソースリポジトリ

このパッケージを使用しているプロジェクト