onscreen_num_keyboard

Description:

onscreen num keyboard

numeric_keyboard #
A simple numeric keyboard widget

Installation #
Add onscreen_num_keyboard: ^1.0.4 in your pubspec.yaml dependencies. And import it:
import 'package:onscreen_num_keyboard/onscreen_num_keyboard.dart';
copied to clipboard
How to use #
Simply create a NumericKeyboard widget and pass the required params:
NumericKeyboard(
onKeyboardTap: _onKeyboardTap
)

_onKeyboardTap(String value) {
setState(() {
text = text + value;
});
}
copied to clipboard
Params #
NumericKeyboard(
onKeyboardTap: _onKeyboardTap,
textStyle: TextStyle(
fontSize: 20.0,
color: Colors.black
),
rightButtonFn: () {
if (text.isEmpty) return;
setState(() {
text = text.substring(0, text.length - 1);
});
},
rightButtonLongPressFn: () {
if (text.isEmpty) return;
setState(() {
text = '';
});
},
rightIcon: Icon(Icons.backspace, color: Colors.red,),
leftButtonFn: () {
print('left button clicked');
},
leftIcon: Icon(Icons.check, color: Colors.red,),
mainAxisAlignment: MainAxisAlignment.spaceEvenly
)
copied to clipboard
Example #
Example UI for the widget:

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