TextField Widget Padding in Flutter

Last Updated: April 21, 2023 flutter Share on :

In Flutter, if you want to add padding in the TextField Widget you can use the contentPadding property. You can assign EdgeInserts to it to add a padding.

TextField(
    decoration: InputDecoration(
        contentPadding: EdgeInsets.symmetric(
            horizontal: 15.0, 
            vertical: 20.0
        ),
        hintText: 'Write your message...',
    ),
),

If you want to add a padding of 15px to the TextField widget then you can use the below code example.

TextField(
    decoration: InputDecoration(
        contentPadding: EdgeInsets.all(15.0),
        hintText: 'Placeholder Text...',
    ),
),

Contribute to this Snippet

Was this helpful?

Created by :

@

Write your Comment

0 Comments

Similar code snippets

Create your own code snippets and search them using our portal and chrome extension

Programming Feeds

Learn something new everyday on Devsheet

Important Links

Join Devsheet Create new snippet Ask a Question Write an article Online JSON Viewer