flutter-pinbox

This is a library for enter a PIN on flutter/dart. You can enter one digit per textField box.

The detail

The library locate at path lib/pinbox.dart. You can use function pinBoxs to create a pin boxes. The function will return array of Widget class that contain many Pinbox.

Function

pinBoxs(double width, List cons, Color boxColor, Color textColor, BuildContext context, bool show)

width = Width of one pin box
cons = Array of TextEditingController for each pin box
boxColor = color of pin box
textColor = color of text in pin box
context = BuildContext of the App
show = display digit to user or not (true => show, false => not show)

Example

You can see the example of usage in path /lib/main.dart.
After you run the file you will get the result as two pictures below.

PinBoxDemo1

PinBoxDemo2

PinBoxDemo3

GitHub

https://github.com/nsi4927/flutter-pinbox