How do I remove content padding from TextField?

Question

I am new to flutter and I am creating login form, for that I have used TextField and added prefix icon but I am getting some extra spaces in between textfields (user id and pin) and before the prefix icon. I have also tried InputDecorationTheme but it didn't work.

Please let me know how can I remove or reduce the space.??

Below is my code:

TextField(   maxLength: 8,   keyboardType: TextInputType.number,   decoration: InputDecoration(     hintText: hint,     hintStyle: TextStyle(fontSize: 12.0),     prefixIcon: Icon(icon),     counterText: '',   ), ) 

Answer 1

Update (April 2021): still work in flutter 2.0.4

As of flutter 1.17.5 (and still the same in 1.2X) to completely remove or manipulate the padding manually, first you must set isDense: true and then you can adjust the contentPadding as you wanted or apply padding on the parent widget instead.

// using theme ThemeData(   inputDecorationTheme: InputDecorationTheme(      isDense: true,// this will remove the default content padding      // now you can customize it here or add padding widget      contentPadding: EdgeInsets.symmetric(horizontal: 0, vertical: 0),      ...   ), )  // per widget TextField(    decoration: InputDecoration(    isDense: true,    contentPadding: EdgeInsets.symmetric(horizontal: 0, vertical: 0),    ...  ), ) 

Answer 2

You can use contentPadding of InputDecoration. Here is sample code

TextField(    maxLines: 8,    decoration: InputDecoration(       contentPadding: EdgeInsets.symmetric(vertical: 5),       labelText: 'Description',       labelStyle: txtHintStyle,    )  )