FLUTTER ECOSYSTEM

huextrat/numeric_keyboard

Android 및 iOS에서 간단한 숫자 키보드를 표시하는 Flutter 플러그인

numeric_keyboard 프로젝트 이미지
Stars
18
Forks
30
최근 푸시(UTC)
2023. 12. 15.
프로젝트 상태
활성
Hugo Extrat GitHub avatar
GITHUB User

Hugo Extrat ↗

Product Mobile Engineer @appchoose 🚀

@appchooseLyon, France공식 웹사이트 ↗
언어C++CMakeDartSwiftCKotlinObjective-C

이 저장소가 배포한 패키지

사용 중인 의존성

의존성 목록 2 개
  • flutter{"sdk":"flutter"}
  • flutter_test개발 의존성{"sdk":"flutter"}

원본 README

아래는 영문 원문 스냅샷입니다. 최신 내용은 GitHub에서 확인하세요.

README 펼치기 / 접기

numeric_keyboard

pub package

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:

https://raw.githubusercontent.com/huextrat/numeric_keyboard/master/example/screenshot.png

-

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