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

ducafecatFlutter 生态导航
pattern_formatter 封面
插件详情v5.0.0

pattern_formatter

一个 Flutter 包提供了一些 TextInputFormatter 的实现，这些实现使用预定义的模式来格式化输入。

AndroidiOSWebmacOSWindowsLinux
pub.dev API 文档 源代码
近 30 天下载
3.3万
喜欢数
310
Pub 分数
150

安装插件

flutter pub add pattern_formatter

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

Pattern Formatter 是一个 Flutter 包，提供可自定义的 TextInputFormatter 实现，可根据预定义模式格式化用户输入。它使开发者能够轻松创建如电话号码、日期或自定义格式的掩码输入。该包支持 Android、iOS、Web、macOS、Windows 和 Linux 多个平台，确保在不同设备上行为一致。通过在用户输入时自动应用格式化，简化了表单处理，提升了结构化数据输入的用户体验。

适合场景

  • 具有固定格式的表单输入
  • 电话号码屏蔽
  • 日期和时间输入格式化
  • 信用卡号码格式化
  • 基于自定义模式的文本输入
  • 动态掩码生成

主要特点

  • 预定义的模式模板
  • 实时输入格式化
  • 跨平台兼容性
  • 可扩展的模式定义
  • 与 TextFormField 的简单集成
  • 支持动态和静态遮罩

适合对象

  • 开发人员构建具有结构化输入的表单
  • 需要格式化数据输入的应用程序
  • 需要一致输入样式的项目
  • 注重用户体验的数据收集团队
  • 具有输入验证需求的移动和Web应用程序

使用建议

  • 可能需要仔细定义模式以避免冲突
  • 有限的内置模式（复杂情况需要自定义逻辑）
  • 使用非常长的模式时可能会影响性能
  • 不适用于非文本输入类型
  • 需要理解 TextEditingValue 和格式化流程

原始 README

以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。

PatternFormatter

pub package codecov

A Flutter package provides some implementations of TextInputFormatter that format input with pre-defined patterns

How to use

import 'package:pattern_formatter/pattern_formatter.dart';
Thousands grouping
  • Integer number:

TextField(
  keyboardType: TextInputType.number,
  inputFormatters: [
    ThousandsFormatter()
  ],
)
  • Decimal number:

TextField(
  keyboardType: TextInputType.number,
  inputFormatters: [
    ThousandsFormatter(allowFraction: true)
  ],
)
Card number grouping

TextField(
  keyboardType: TextInputType.number,
  inputFormatters: [
    CreditCardFormatter(),
  ],
)
Date format

TextField(
  keyboardType: TextInputType.number,
  inputFormatters: [
    DateInputFormatter(),
  ],
)

所属分类

自动格式化、掩码和验证

依赖

依赖清单 1 项

源码仓库

使用此插件的项目