numpad_layout

패키지 개요

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

numpad_layout은 아라비아 숫자를 지원하고 크로스 플랫폼 호환성을 갖춘 사용자 정의 가능한 숫자 키패드 키보드를 제공하는 Flutter 패키지입니다. 개발자가 안드로이드, iOS, 웹, 맥OS, 윈도우, 리눅스에서 유연한 스타일과 레이아웃 옵션을 가진 숫자 입력 필드를 쉽게 통합할 수 있도록 합니다. PIN 입력, 계산기, 결제 시스템과 같은 숫자 입력이 필요한 양식에 이상적입니다. 직관적인 디자인으로 버튼 크기, 색상, 동작을 쉽게 맞춤 설정할 수 있습니다.

사용 사례

PIN 입력 양식
계산기 애플리케이션
결제 입력 필드
데이터 입력 인터페이스
다국어 숫자 입력

주요 기능

아랍 숫자 지원
크로스 플랫폼 호환성
사용자 정의 가능한 버튼 스타일
유연한 레이아웃 옵션
TextFormField과의 간편한 통합
반응형 디자인

적합한 대상

숫자 입력 인터페이스를 개발하는 개발자
아랍어 사용자를 대상으로 하는 앱
다중 플랫폼 애플리케이션
폼 중심의 UI
사용자 정의 키보드 구현

고려 사항

입력 검증을 수동으로 처리해야 합니다
숫자 입력만 가능
복잡한 테마를 위해 추가 스타일링이 필요할 수 있습니다
전체 텍스트 입력에 적합하지 않습니다
고급 기능을 위해 외부 종속성에 의존합니다

원본 README

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

Numpad

an numeric Keyboard Layout supports english and arabic digits

Features

Documented:** each property has a code documentation
Languages:** supports English and Arabic Digits
Flexibility:** smooth and flexible to modify anything

Usage

Parameter	Default	Description
onType	required	Callback when number pressed .
mainAxisAlignment	MainAxisAlignment.spaceBetween	for spacing horizontal .
padding	horizontal = 30	padding over the whole layout .
leftWidget	null	the widget at the left of the 0 .
rightWidget	null	the widget at the right of the 0 .
highlightColor	Color(0xFFC9C9C9)	on Holding press any number.
runSpace	40	spacing vertical .
numberStyle	null	custom number style
radius	45	radius for the shape of the number .
arabicDigits	false	Displays arabic digits if equal true
returnItAsEnglish	false	it returns the digits as english even it's arabic digits .

Example

 NumPad(
   arabicDigits: true,
   onType: (value) {
     number += value;
     setState(() {});
   },
   rightWidget: IconButton(
   icon: const Icon(Icons.backspace),
   onPressed: () {
   if (number.isNotEmpty) {
     number = number.substring(0, number.length - 1);
      setState(() {});
   }
   },
  ),
);

also you can find The sample code under the example package.

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

패키지 설치