Как реплицировать теги Tumblr в флаттере - PullRequest
3 голосов
/ 05 марта 2020

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

enter image description here

Я хочу воспроизвести следующие функции:

  1. Фишки встроены в текстовое поле. Размер текстового поля динамически изменяется, чтобы занять остаток строки или перейти на следующую строку, если содержимое слишком длинное
  2. Текст добавляется в виде запятой (например, если я набираю «dog») ", а затем я набираю" собака ", будет создан чип" собака "
  3. Длинные фишки отрезают содержимое с помощью эллипсов
  4. Фишки могут быть удалены с помощью backspace
  5. Подчеркивание текстового поля отсутствует
  6. Чипы заполняют строку, затем переносятся на следующую строку (и весь контейнер прокручивается, если слишком много строк для одновременного отображения)

Есть несколько библиотек которые уже существуют, чтобы разрешить поле ввода текста с чипами, но у них есть много других функций, которые меня сейчас не интересуют, такие как система рекомендаций и т. д. c, и, как правило, просто не выглядят так, как я хочу с С уважением к нескольким строкам и переносу текста и т. д. c. Если кто-нибудь знает, как воспроизвести приведенный ниже пример, я был бы очень признателен!

...