パッケージ、リポジトリ、アプリカテゴリを検索

multi_masked_formatter のカバー
パッケージ詳細v1.0.0

multi_masked_formatter

複数のマスク付きテキスト入力フォーマッターフラッター・プラグイン。電話番号、生年月日の入力に役立ちます。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
2250
いいね数
13
Pub ポイント
150

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

flutter pub add multi_masked_formatter

パッケージ概要

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

複数のマスクテキスト入力フォーマットを可能にするFlutterプラグインで、電話番号や生年月日などの構造化データ入力に最適です。カスタマイズ可能なパターンを使用した動的マスキングをサポートしており、すべてのプラットフォームで一貫性があり、ユーザーに優しいフォーマットでデータを入力できるようにします。ユーザーが入力する際にフォーマッターが自動的にマスクを適用し、入力エラーを減らしてUXを向上させます。クロスプラットフォーム対応で、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'),
);

カテゴリー

ソースリポジトリ

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

データはまだありません。