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