numeric_keyboard 0.1.0

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

numeric_keyboard

A simple steps indicator widget

Installation

Add numeric_keyboard: ^0.1.0 in your pubspec.yaml dependencies. And import it:

import 'package:numeric_keyboard/numeric_keyboard.dart';

How to use

Simply create a StepsIndicator widget and pass the required params:

NumericKeyboard(
  onKeyboardTap: _onKeyboardTap
)

_onKeyboardTap(String value) {
  setState(() {
    text = text + value;
  });
}

Do not forget to check that the selectedStep is not lower than 0 and is not higher than the total number of steps (nbSteps).

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

For a more detail example please take a look at the example folder.

Example

Steps indicator:

-

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