How to create Text Field with boxes in Flutter?

Viewed 639

enter image description here

How can I achieve something like this in Flutter with ease? Do I have to create several text fields for each box and put them in a row? I want the user to type in a number just like we type OTP in boxes in apps.

EDIT: Suppose it's a seven-letter word and the user has to drag letter one by one in appropriate boxes and according to that text field updates how that can be achieved?

1 Answers

There are available Flutter packages that can be used for this kind of input fields:

  1. pininput => pininput

  2. pin_code_fields => pin_code_fields

Related