Search code examples
flutterflutter-layout

How to align suffixIcon to top of multi line TextField?

enter image description here

code:

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

Everytime a new line is inserted, the icon centers itself.

Solution

  • I found a work-around. Just use suffix property of TextField instead of suffixIcon

    code:

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

    output:

    enter image description here

    Note: This solution may affect the design of your TextField and the Icon is not visible when TextField is not focused or when it has no data