https://github.com/shinriyo/show_numpad_picker

A customizable modal widget for Flutter that allows users to input numeric values using an on-screen numpad, similar to showDatePicker. Specify the number of digits, provide real-time input feedback, and handle backspaces easily. Ideal for PIN codes, verification inputs, or any fixed-length numeric entry.
https://github.com/shinriyo/show_numpad_picker

Last synced: 19 days ago
JSON representation

A customizable modal widget for Flutter that allows users to input numeric values using an on-screen numpad, similar to showDatePicker. Specify the number of digits, provide real-time input feedback, and handle backspaces easily. Ideal for PIN codes, verification inputs, or any fixed-length numeric entry.

• Host: GitHub
• URL: https://github.com/shinriyo/show_numpad_picker
• Owner: shinriyo
• License: mit
• Created: 2024-08-08T22:42:50.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-08-11T10:33:45.000Z (3 months ago)
• Last Synced: 2024-08-23T09:21:29.295Z (3 months ago)
• Language: Dart
• Size: 71.3 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Numpad Picker for Flutter

`showNumpadPicker` is a Flutter widget that provides a clean and intuitive interface for numeric input via a modal bottom sheet. This widget is designed to mimic the functionality of `showDatePicker`, making it easy to collect fixed-length numeric inputs such as PIN codes, verification codes, or any other numeric data in your Flutter app.

## Features

- **Customizable Length**: Specify the exact number of digits users can input, making it suitable for various use cases.

- **Real-time Feedback**: As users input digits, they are displayed dynamically, providing immediate feedback.

- **Backspace Support**: Includes a backspace button to allow easy correction of mistakes.

- **Seamless Integration**: Once the user confirms their input by pressing the "Done" button, the entered value is returned to the calling function, enabling easy integration with forms or other input fields.

## Installation

Add this widget to your project by copying the provided code or integrating it into your own custom widget.

## Usage

To use the `showNumpadPicker`, simply call the function with the desired length:

```dart

void _pickNumber(BuildContext context) async {

  final result = await showNumpadPicker(context, length: 4);

  if (result != null) {

    print("Selected number: $result");

  }

}