Flutter-pinbox - UI for enter a PIN on flutter/dart, one digit per textField box.

Overview

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.

image image image

You might also like...

Flutter Cupertino text box which can be used to select a date with CupertinoDatePicker

Flutter Cupertino text box which can be used to select a date with CupertinoDatePicker

Flutter Cupertino Date Text Box A text box with an attached CupertinoDatePicker which opens when the text box is tapped. With this library the followi

Feb 13, 2022

A new flutter package project which contains lots of beautiful alert dialog that will help you lot to create beautiful awesome alert box very quickly and easily.

A new flutter package project which contains lots of beautiful alert dialog that will help you lot to create beautiful awesome alert box very quickly and easily.

A new flutter package project which contains lots of beautiful alert dialog that will help you lot to create beautiful awesome alert box very quickly and easily.

Jan 8, 2022

Flutter Inset Box Shadow

 Flutter Inset Box Shadow

Flutter Inset Box Shadow Flutter currently does not support the inset property for shadows. This type of shadow is for example used in Neumorphism. Th

Dec 3, 2022

One Dungeon is a ​1-Bit-style platformer game that consists of one level

One Dungeon is a ​1-Bit-style platformer game that consists of one level

One Dungeon is a ​1-Bit-style platformer game that consists of one level. It developed during the Midyear 2022 Flame Game Jam.

Sep 21, 2022

Call Kit is a prebuilt feature-rich call component, which enables you to build one-on-one and group voice/video calls into your app with only a few lines of code.

Call Kit is a prebuilt feature-rich call component, which enables you to build one-on-one and group voice/video calls into your app with only a few lines of code.

Call Kit (ZegoUIKitPrebuiltCall) Call Kit is a prebuilt feature-rich call component, which enables you to build one-on-one and group voice/video calls

Dec 26, 2022

Hive Wait provide a Hive repository to calling methods in the box as async.

Hive Wait provide a Hive repository to calling methods in the box as async.

May 10, 2022

A TextField flutter package with tagging functionality.

Flutter Tagging A flutter package with tagging or multi-select functionality. Useful for adding Tag or Label Selection Forms. ListLanguage _selected

Sep 6, 2022

A Flutter widget to show an icon collection to pick. This widget extend TextField and has a similar behavior as TextFormField

A Flutter widget to show an icon collection to pick. This widget extend TextField and has a similar behavior as TextFormField

icon_picker A Flutter widget to show an icon collection to pick. This widget extend TextField and has a similar behavior as TextFormField Usage In the

Sep 27, 2022

A focusable and blurable TextField widget

A focusable and blurable TextField widget

Flutter Focus Widget 一个可以让FocusNode失去焦点的Widget A focusable and blurable widget of based on the FocusNode. 新增的参数: bool showFocusArea 使用一个半透明的红色方框显示焦点区域

Jul 17, 2022
Owner
null
Animated dialog box - A pure dart package for showing animated alert box.

animated_dialog_box A pure dart package for showing animated alert box. Getting Started https://github.com/Shubham-Narkhede/animated_dialog_box/blob/m

Shubham-Narkhede 10 Jul 24, 2022
A Flutter widget to enter passcodes.

passcode A Flutter widget for entering a passcode. This widget allows you to customise number of characters, background and border colors and obscure

Deven Joshi 19 Aug 15, 2021
A flutter library for loading images from network, resizing as per container size and caching while being memory sensitive.

Optimized Cached Image A flutter library for loading images from network, resizing and caching them for memory sensitivity. This resizes and stores th

Anvith Bhat 76 Dec 20, 2022
Package to select layout per orientation or device size like mobile vs tablet layouts or portrait vs landscape

proxy_layout Package to select layout per orientation or device size like mobile vs tablet layouts or portrait vs landscape Usage You have two widgets

Jimmy Aumard 8 Apr 18, 2021
Apply values per media breakpoints. Breakpoints are similar to the breakpoints used in bootstrap css framework.

Apply values per media breakpoints. Breakpoints are similar to the breakpoints used in bootstrap css framework.

Glenford Williams 4 Mar 26, 2021
🔥🚀 Flutter package to create Pin code input text field with every pixel customization possibility 🎨 with beautiful animations

Flutter PinPut From Tornike ?? ?? Flutter package to create Pin code input (OTP) text field with every pixel customization possibility ?? and beautifu

Tornike 451 Jan 2, 2023
Google one tap sign in - Flutter Google One Tap Sign In (Android)

Google One Tap Sign In Google One Tap Sign In (Android) A Flutter Plugin for Goo

null 6 Nov 23, 2022
This is a Flutter app which shows how to add a Fitted Box in you App

fittedbox A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if thi

Shehzaan Mansuri 1 Oct 25, 2021
A custom bottom navigation bar with box animation for flutter

A custom bottom navigation bar with box animation. This is inspired from some of the earlier designs, but in a more simplified and yet exiting way. De

SHIVAM SONI 1 Jul 31, 2022
Animated_qr_code_scanner - QR Code Scanner for Flutter with animated targetting box

Animated QR Code Scanner A QR code scanner Widget that currently works on Android only (feel free to make pull request on iOS implementation) by nativ

Kiat Stanley 72 Dec 11, 2022