How do I only apply padding to the text in a TextField in Flutter?

Question

Without padding I get this result:

With something like this

Padding(padding: EdgeInsets.all(20.0), child: TextField()) 

I get the following result:

It might be a bit hard to see, but you only have to look at the red badge across the edge to realise what I mean.

I would like to only move the text with my padding, but in reality the whole TextField has the padding applied, i.e. that the underline moves with the padding, but I would like to have the underline still go across the whole view, that only the text inside the TextField is affected by the padding.

Answer 1

To apply the padding to the content of the TextField. You can apply the

contentPadding property of ItemDecoration at decoration property of TextField.

Like this:

TextField(   textAlign: TextAlign.left,   decoration: InputDecoration(     hintText: 'Enter Something',     contentPadding: EdgeInsets.all(20.0),   ), )