FLUTTER ECOSYSTEM

mask_text_input_formatter

このパッケージは、指定されたマスクを使用して入力をフォーマットするためのTextInputFormatterをTextFieldおよびTextFormFieldに提供します。

mask_text_input_formatter のカバー
最新バージョン
2.9.0
30日間ダウンロード
49.8万
いいね数
1330
Pub ポイント
160

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

概要

mask_text_input_formatter パッケージは、Flutter の TextField および TextFormField ウィジェット用の TextInputFormatter を提供し、カスタマイズ可能なマスクを使用してリアルタイムで入力フォーマットを可能にします。ユーザーが電話番号、日付、ID などのデータを構造化された形で入力できるように、入力時に自動的に区切り記号を挿入し、フォーマットルールを強制します。このフォーマッターは動的なマスクをサポートしており、プラットフォーム間でカーソル位置を正しく処理します。手動での検証が不要な一貫した入力パターンが必要なフォームに最適です。

用途
  • 国コードフォーマット付きの電話番号入力
  • DD/MM/YYYY形式の日付入力
  • スペース付きのクレジットカード番号のフォーマット
  • カスタム数値またはアルファネリックパターン入力
  • 厳密なデータ構造を必要とするフォームフィールド
主な機能
  • リアルタイム入力マスク
  • 動的および静的マスクのサポート
  • 編集中のカーソル位置の修正
  • クロスプラットフォーム互換性(Android、iOS、Web、macOS、Windows、Linux)
  • TextField および TextFormField との簡単な統合
適している対象
  • 構造化入力を必要とするフォームビルダー
  • 国際化対応の入力フィールド
  • 厳格なフォーマット要件を持つデータ収集アプリ
  • 使いやすいデータ入力インターフェース
  • 最小限の検証ロジックを求める開発者
注意事項
  • 予期しない動作を避けるために、マスクの定義に注意が必要になる場合があります
  • 正しく設定されていない場合、コピー/ペースト操作に影響を与える可能性があります
  • 複雑な条件マスクに対する制限されたサポート
  • 高頻度入力シナリオにおけるパフォーマンスへの影響
  • テキスト以外の入力タイプには適していません
対応プラットフォームAndroidiOSWebmacOSWindowsLinux

パッケージをインストール

flutter pub add mask_text_input_formatter

カテゴリー

ソースリポジトリ

関連プロジェクト

ランキング