FLUTTER ECOSYSTEM

mask_text_input_formatter

이 패키지는 주어진 마스크로 입력을 형식화하는 TextField 및 TextFormField용 TextInputFormatter를 제공합니다.

mask_text_input_formatter 표지
최신 버전
2.9.0
30일 다운로드
49.8만
좋아요
1.3천
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

카테고리

소스 저장소

관련 프로젝트

순위