numpad 0.0.2 copy "numpad: ^0.0.2" to clipboard
numpad: ^0.0.2 copied to clipboard

Numpad for Pincode input on android and ios. Exposes onTap event for the number but 99 for back button. Check example.

Description #

Numpad Widget for Pin Input. Feel free to make pull requests and drop suggestions ✌️ .

Parameters
Param Required Default Type Description
onTap null Function (int) Triggerred when number is tapped
mainAxisSpacing null double Main Axis Spacing
crossAxisSpacing null double Cross Axis Spacing
clearIcon Icons.backspace Icon Icon for clear or delete
themeColor Colors.grey Color theme color
textStyle -- TextStyle Style for Number Text
numItemDecoration -- Decoration Decoration for number item or button
buttonSize 30.0 double Size of button container
backgroundColor Colors.white Color Color for NumPad background
iconSize 30.0 double Size of Country Flag on Input Label

How To Use #

  1. Import the package

    import 'package:numpad/numpad.dart';
    
  2. Provide at least the required params

    NumPad(
         onTap: (val) {
         if (val == 99) {
             if (code.isNotEmpty) {
             setState(() {
                 code = code.substring(0, code.length - 1);
             });
             }
         } else {
             setState(() {
             code += "$val";
             });
         }
         print(code);
         },
     ),
    
    
1
likes
130
pub points
70%
popularity

Publisher

verified publisheracloe.com

Numpad for Pincode input on android and ios. Exposes onTap event for the number but 99 for back button. Check example.

Repository (GitHub)
View/report issues

Documentation

API reference

License

BSD-3-Clause (LICENSE)

Dependencies

flutter

More

Packages that depend on numpad