Flutter PIN Box Library (flutter-pinbox)

Flutter Pin Box

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.

Flutter PIN Box LibraryFlutter PIN Box LibraryFlutter PIN Box Library

flutter-pinbox Github