in , ,

A textField widget to help display different style pin

pin_input_text_field

A textField widget to help display different style pin.

To guide the display of different styles of pin, PinInputTextField is a TextField widget ready to help you. With a simple interface and flexible and intelligent design, you will have a great experience in the process of entering your password. Let’s start testing and try it.

Example

Please check and follow the sample example below:

Decoration

UnderlineDecoration

textfield

BoxLooseDecoration

boxloose

BoxTightDecoration

boxtight

Installing

Install the latest version from pub.

ObscureStyle

/// Determine whether replace [obscureText] with number.
final bool isTextObscure;
/// The display text when [isTextObscure] is true
final String obscureText;

Known Issue

The PinEditingController listener will execute more than once in some situations, you can filter some duplicate values in your code.

GitHub

https://github.com/TinoGuo/pin_input_text_field

Written by James

A Flutter widget for entering a passcode

A Password Manager built using Flutter