onscreen_num_keyboard 1.0.4 copy "onscreen_num_keyboard: ^1.0.4" to clipboard
onscreen_num_keyboard: ^1.0.4 copied to clipboard

Flutter plugin to display a simple numeric keyboard on Android & iOS.

numeric_keyboard #

A simple numeric keyboard widget

pub package

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';

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,
  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
)

Example #

Example UI for the widget: Example

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

14
likes
160
pub points
88%
popularity

Publisher

verified publishermuzammilbilwani.com

Flutter plugin to display a simple numeric keyboard on Android & iOS.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on onscreen_num_keyboard