Flutter plugin to display simple numeric keyboard on Android & iOS

numeric_keyboard

The numeric keyboard brings many efficiencies for entering numbers. Numeric Keyboard features an extended layout, beautiful interface and provides a comfortable typing experience. A simple numeric keyboard widget is great for you.

To learn how to install and how to use the keyboard, go to the steps below and learn the available examples.

Installation

Add numeric_keyboard: ^1.0.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
)

To help you find a more detailed example, please jump into the example folder and check it out.

Example

Numeric keyboard:

This is an example of a numeric keyboard. It is totally simple and smart.

GitHub

https://github.com/huextrat/numeric_keyboard