FLUTTER ECOSYSTEM

mask_text_input_formatter

该包为 TextField 和 TextFormField 提供了 TextInputFormatter,可通过给定的掩码格式化输入。

mask_text_input_formatter 封面
最新版本
2.9.0
近 30 天下载
47.9万
喜欢数
1320
Pub 分数
160

Package Overview

基于插件公开资料生成的选型评价,仅供参考。

插件概览

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

所属分类

源码仓库

关联项目

所在榜单