How to add Icon to the TextField in Flutter App

Question

Hi Guys,

I have created one App using Flutter Framework. I have one TextField for email. I want to add the Icon of email to this TextField. So that it will become more interactive. How can I do that?

Answer 1

Hi@akhtar,

You can add any Icon to your TextField. For that TextField has one argument named prefixIcon. You can also see the below code.

 TextField(
    onChanged: (val) {
    email = val;
       },
    decoration: InputDecoration(
    prefixIcon: Icon(Icons.email),
    labelText: "Email ID",
       ),
   ),