A Highly Customisable Flutter Widget for entering Pin Code

pin_code_text_field

It’s a beautiful and highly customizable Flutter widget for entering pin code. Suitable for use cases such as login and OTP.

Usage

Use this package as a library

1. Depend on it Add this to your package’s pubspec.yaml file:

dependencies:
  pin_code_text_field: <VERSION>

2. Install it You can install packages from the command line: with Flutter:

$ flutter packages get

Alternatively, your editor might support flutter packages get. Check the docs for your editor to learn more.

3. Import it Now in your Dart code, you can use:

import 'package:pin_code_text_field/pin_code_text_field.dart';

Example

refer to example/lib/main.dart

Wishlist

1. Localization (L-R, R-L)
2. Highlight animation
3. Pin Box animation
4. BoxDecoratorBuilder for customizing individual pin boxes

Tips and Tricks:

1. Copy and pasting Wrap the PinCodeTextField in GestureDetector, the launch an AlertDialog to access the Clipboard and paste the strings to the TextEditController of the PinCodeTextField

Contributors

1. Liew Jun Tung
2. Serge Shkurko
3. Angga Dwi Arifandi
4. MozesMa
5. jpeiffer
6. Thiago Porto
7. Samuel

Star to show support!

More information

Pub package Flutter documentation.

Download Details:

Author: LiewJunTung

GitHub: https://github.com/LiewJunTung/pin_code_text_field

#flutter #dart