패키지, 저장소 및 앱 카테고리 검색

패키지 상세v3.0.1

extended_masked_text

Flutter 앱용 마스크 텍스트 입력을 허용하는 사용자 지정 TextEditingControllers의 소규모 세트

AndroidiOSmacOSWindowsLinux
30일 다운로드
2.4만
좋아요
147
Pub 점수
160

패키지 설치

flutter pub add extended_masked_text

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

ExtendedMaskedText는 전화번호, 날짜, ID 등 미리 정의된 형식으로 데이터를 입력할 수 있도록 하는 커스텀 TextEditingControllers를 제공하는 Flutter 패키지입니다. 입력 중 실시간 포맷팅과 검증을 지원하여 사용자가 타이핑하는 동안 올바른 구조를 유지하도록 하여 사용자 경험을 향상시킵니다. 이 패키지는 가볍고 여러 플랫폼의 폼 및 입력 필드에 쉽게 통합될 수 있습니다.

사용 사례

  • 구조화된 데이터를 가진 폼 입력
  • 서식이 적용된 전화번호 입력
  • 마스크가 있는 날짜 및 시간 입력
  • 신용 카드 번호 형식화
  • 사용자 입력에 기반한 동적 마스크 생성

주요 기능

  • 실시간 입력 마스킹
  • 사용자 정의 마스크 패턴
  • 자동 커서 위치 지정
  • 동적 마스크 지원
  • 내장된 검증 로직

적합한 대상

  • 양식 중심 앱을 개발하는 개발자
  • 엄격한 입력 형식을 요구하는 앱
  • 크로스 플랫폼 모바일 및 데스크톱 애플리케이션
  • 입력 정확성을 강조하는 사용자 인터페이스

고려 사항

  • 신중한 마스크 패턴 설계가 필요할 수 있습니다
  • 텍스트 입력 시나리오에 한정
  • 중첩되거나 변수 마스크와 관련된 잠재적 복잡성
  • 텍스트가 아닌 입력 유형에는 적합하지 않습니다
  • 마스크 내 특수 문자를 수동으로 처리해야 합니다

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

Extended Masked Text Logo

Extended Masked Text

This package is based on the source code of flutter_masked_text and is an attempt to fix some bugs and continue the development of the original one.

Usage

Import the library

import 'package:extended_masked_text/extended_masked_text.dart';

MaskedTextController

Create your mask controller:

final controller = MaskedTextController(mask: '000.000.000-00');

Set controller to your text field:

return MaterialApp(
    title: 'Masked Text Demo',
    theme: ThemeData(
        primarySwatch: Colors.blue,
    ),
    home: SafeArea(
        child: Scaffold(
            body: Column(
                children: <Widget>[
                    TextField(
                        // Add controller to TextField
                        controller: controller,
                    ),
                ],
            ),
        ),
    ),
);

MoneyMaskedTextController

Create your mask controller:

final controller = MoneyMaskedTextController(leftSymbol: 'R\$ ');

Set controller to your text field:

return MaterialApp(
    title: 'Money Masked Text Demo',
    theme: ThemeData(
        primarySwatch: Colors.blue,
    ),
    home: SafeArea(
        child: Scaffold(
            body: Column(
                children: <Widget>[
                    TextField(
                        // Add controller to TextField
                        controller: controller,
                    ),
                ],
            ),
        ),
    ),
);

카테고리

소스 저장소

이 패키지를 사용하는 프로젝트