Как создать маску ввода в текстовом поле flutter

#flutter #flutter-layout #textfield #input-mask

Вопрос:

Я работаю над проектом в flutter, я хочу замаскировать ввод, чтобы пользователь не вводил информацию в неправильном формате, я устал от Google, а также немного не смог найти ничего полезного

Пожалуйста, объясните мне, как сделать пример маски, приведенный на рисунке

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

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

1. Вам нужен ввод пароля в виде маски или форматирование входного значения?

2. Отформатируйте входное значение, например 12345-11234567-1

Ответ №1:

Для ввода формата вы должны использовать TextFormField с TextInputFormatter. Вы пробовали это сделать?

Хорошую статью об этом можно найти здесь. Он также содержит ссылки на API flutter для более подробных конфигураций.

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

1. Это очень помогло, но не полностью ответило на мой вопрос, оно добавляет — после постоянного количества чисел, которые я хочу ввести, например, 12345-11234567-1

2. Попробуйте это сделать с помощью средства ввода белого списка Textinputformatter(регулярное выражение(«([0-9] (-[0-9] ) )»). Это должно привести к правильному формату.