Simple character blocked input that usually used for redeem code
Read Time:20 Second

Simple character blocked input that usually used for redeem code

0 0

Block Input

Simple character blocked input that usually used for redeem code

Simple character blocked input that usually used for redeem code or validation code input.

Simple character blocked input that usually used for redeem code

Usage

BlockInput(
    blockInputKeyboardType: BlockInputKeyboardType.number,
    blockInputStyle: BlockInputStyle(
      backgroundColor: Colors.black12,
      border: OutlineInputBorder(
            borderRadius: BorderRadius.all(Radius.circular(10)),
            borderSide: BorderSide(color: Colors.deepOrange, width: 1)
      ),
      focusedBorder: OutlineInputBorder(
            borderRadius: BorderRadius.all(Radius.circular(10)),
            borderSide: BorderSide(color: Colors.blueAccent, width: 2)
      )
    ),
    inputSize: 6,
)

Todo

  • Input Controller
  • Input Listener
  • More Extensive Styles

GitHub

Happy
Happy
0 %
Sad
Sad
0 %
Excited
Excited
0 %
Sleepy
Sleepy
0 %
Angry
Angry
0 %
Surprise
Surprise
0 %

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Deja una respuesta

Entrada anterior A beautiful UX through animation of credit card information input form with flutter
Entrada siguiente A verification code input widget with flutter