RandomNumberKeypad #

RandomNumberKeypad is a customizable Flutter widget that provides a secure numeric keypad with randomly positioned keys for PIN input. It is designed to enhance user security by shuffling the keypad layout after every use. The widget allows for masked or visible PIN entry and supports various PIN lengths.

Features #

• Numeric keypad with random key positions.
• Customizable PIN length (default is 4).
• Option to show or hide PIN input (masked input).
• Callback when the user completes PIN entry.
• Dismissible keyboard overlay.

Installation #

Add the widget file random_number_keypad.dart to your project and import it:

import 'package:random_number_keypad/random_number_keypad.dart';

Usage #

Basic Example #

import 'package:flutter/material.dart';
import 'package:random_number_keypad/random_number_keypad.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Random Number Keypad')),
        body: Center(
          child: RandomNumberKeypad(
            pinLength: 4,
            onComplete: (pin) {
              print('Entered PIN: $pin');
            },
            showInput: false, // Set to true to show PIN input
          ),
        ),
      ),
    );
  }
}

Parameters #

Customization #

• Randomized Keys: Each time the keyboard is shown, the numeric keys are shuffled to ensure secure PIN entry.
• Keyboard Overlay: The keyboard appears as a dismissible overlay, ensuring it doesn't interfere with the app's layout.

Example of Masked Input #

To hide the PIN input, set showInput to false:

RandomNumberKeypad(
  pinLength: 6,
  onComplete: (pin) {
    print('Entered PIN: $pin');
  },
  showInput: false,
)

Contributions #

Feel free to contribute by submitting issues or pull requests. All contributions are welcome!

License #

This widget is released under the MIT License.

Happy coding with RandomNumberKeypad! 🎉