如何将suffixIcon与多行TextField的顶部对齐？

Question

代码：

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

每次插入新行时，图标都会居中。

Answer 1

这是我在Padding周围使用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),
      )),
    ),
  )

Answer 2

我找到了解决方法。只需使用suffix的{​​{1}}属性而不是TextField

代码：

suffixIcon

输出：

注意：此解决方案可能会影响TextField( maxLines:null, decoration: InputDecoration( suffix: Icon(Icons.delete), ), ) 的设计，并且当TextField不集中或没有数据时，Icon将不可见