搜索插件、代码仓与 APP 分类

multi_masked_formatter 封面
插件详情v1.0.0

multi_masked_formatter

多掩码文本输入格式化程序 Flutter 插件。它对于输入电话号码、出生日期非常有用。

AndroidiOSWebmacOSWindowsLinux
近 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'),
);

所属分类

源码仓库

使用此插件的项目

暂无相关数据。