numeric_keyboard

패키지 개요

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

안드로이드, iOS, 웹, macOS, Windows, 리눅스용 간단한 숫자 키보드를 제공하는 플러터 플러그인입니다. 전체 화면 키보드가 필요 없이 양식이나 필드에서 숫자를 효율적으로 입력할 수 있게 해줍니다. 사용자 정의가 가능하며 플러터 애플리케이션에 원활하게 통합됩니다. 단순성과 크로스플랫폼 호환성을 고려해 설계되었으며, 선택적 소수점 및 백스페이스 기능을 지원합니다. PIN 입력, 수량 입력 또는 숫자만 입력이 필요한 모든 상황에 적합합니다.

사용 사례

PIN 입력 화면
수량 입력 필드
양식 데이터 수집
지급 금액 입력
로그인 인증
숫자만 입력 가능한 사용자 입력

주요 기능

크로스 플랫폼 지원
사용자 정의 레이아웃
십진수 입력 지원
백스페이스 기능
간단한 통합
경량 설계

적합한 대상

모바일 앱 개발자
폼 기반 애플리케이션
보안 민감 입력
임베디드 숫자 인터페이스
빠른 프로토타이핑

고려 사항

숫자 입력만 가능
특수 문자 지원 없음
입력 검증을 수동으로 처리해야 합니다
텍스트 입력이 많은 경우 적합하지 않음
UI 일관성을 위해 추가 스타일링이 필요할 수 있습니다

원본 README

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

A simple numeric keyboard widget

Installation

Add numeric_keyboard: ^1.1.0 in your pubspec.yaml dependencies. And import it:

import 'package:numeric_keyboard/numeric_keyboard.dart';

How to use

Simply create a NumericKeyboard widget and pass the required params:

NumericKeyboard(
  onKeyboardTap: _onKeyboardTap
)

_onKeyboardTap(String value) {
  setState(() {
    text = text + value;
  });
}

Params

NumericKeyboard(
  onKeyboardTap: _onKeyboardTap,
  textColor: Colors.red,
  rightButtonFn: () {
    setState(() {
      text = text.substring(0, text.length - 1);
    });
  },
  rightIcon: Icon(Icons.backspace, color: Colors.red,),
  leftButtonFn: () {
    print('left button clicked');
  },
  leftIcon: Icon(Icons.check, color: Colors.red,),
  mainAxisAlignment: MainAxisAlignment.spaceEvenly
)

For a more detail example please take a look at the example folder.

Example

Numeric keyboard:

-

If something is missing, feel free to open a ticket or contribute!

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