Как выровнять суффикс по верхнему краю многострочного текстового поля?

#flutter #flutter-layout

#flutter #flutter-layout

Вопрос:

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

код:

 TextField(
  maxLines:null,
  decoration: InputDecoration(
  suffixIcon: Icon(Icons.delete),
  ),
)
  

Каждый раз, когда вставляется новая строка, значок центрируется.

Ответ №1:

Я нашел обходной путь. Просто используйте suffix свойство TextField вместо suffixIcon

код:

 TextField(
  maxLines:null,
  decoration: InputDecoration(
  suffix: Icon(Icons.delete),
  ),
)
  

вывод:

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

Примечание: Это решение может повлиять на дизайн вашего, TextField и Icon не отображается, когда TextField не сфокусировано или когда в нем нет данных

Ответ №2:

Вот чего я добился, используя Padding around Icon :

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

 Container(
    height: 100,
    child: TextField(
      expands: true,
      maxLines: null,
      decoration: InputDecoration(
          suffixIcon: Padding(
        padding:
            const EdgeInsets.only(left: 0, top: 0, right: 0, bottom: 100),
        child: Icon(Icons.add),
      )),
    ),
  )
  

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

1. Это решение работает, только если высота текстового поля фиксирована. При увеличении высоты выравнивание изменяется. Я хочу, чтобы высота текстовых полей была динамической, а также поддерживала выравнивание.

2. Хорошо, я не был в курсе, потому что вы не упомянули об этом в своем вопросе @FiroshVasudevan