Как создать текстовое поле с полями в Flutter?

#flutter #flutter-layout

#flutter #flutter-макет

Вопрос:

введите описание изображения здесь

Как я могу легко достичь чего-то подобного в Flutter? Должен ли я создавать несколько текстовых полей для каждого поля и помещать их в ряд? Я хочу, чтобы пользователь вводил число точно так же, как мы вводим OTP в полях в приложениях.

РЕДАКТИРОВАТЬ: Предположим, что это слово из семи букв, и пользователь должен перетаскивать буквы одну за другой в соответствующие поля и в соответствии с этим обновлять текстовое поле, как этого можно достичь?

Ответ №1:

Существуют доступные пакеты Flutter, которые можно использовать для такого рода полей ввода:

  1. pininput => pininput

  2. pin_code_fields => pin_code_fields

Комментарии:

1. Это выглядит хорошо, я обновил вопрос еще одним вариантом использования, можете ли вы, пожалуйста, проверить это?

2. Вам нужно будет настроить пакет и, возможно, добавить предлагаемую функциональность с помощью Draggables . @HarshitAgrawal

3. Я думаю, было бы сложно установить цель перетаскивания в точку.

4. Может быть, может быть, нет. Это все еще стоит попробовать. @HarshitAgrawal

5. Если мой ответ помог вам с проблемой, указанной в вашем исходном сообщении, пожалуйста, примите его. Если нет, предоставьте более подробную информацию о том, почему это не так. @HarshitAgrawal