How to Remove TextField Underline in Flutter?

Hello Guys How are you all? Hope you all are fine. By default, the TextField widget of Flutter has an underline. Sometimes, you may want to get rid of this line. In this Flutter tutorial, let’s check how to remove the underline in TextField. So In this tutorial, we are going to learn How to Remove TextField Underline in Flutter?

TextField widget has a property decoration which has a sub property border: InputBorder.none This property would Remove TextField Text Input Bottom Underline an Flutter app.

To Remove TextField Underline in Flutter you can set the border property of the decoration of the TextField to InputBorder.none.

Here Is Example.

before hiding underline:

          child: TextField(
            autocorrect: true,
            decoration: InputDecoration(
              hintText: 'Enter Some Text Here',
            ),
          ),

Output

After hiding underline:

          child: TextField(
            autocorrect: true,
            decoration: InputDecoration(
              border: InputBorder.none,
              hintText: 'Enter Some Text Here',
            ),
          ),

Output

So, It’s All About this tutorial. I hope this tutorial helps you to solve your error. Please Comment Below if You stucks anywhere with my code.

Also Check Out Below Tutorials

• How to Generate SHA-1 for Flutter/React-Native/Android-Native app? 3 Method Explained
• How to make an AlertDialog in Flutter?
• Also Read How to set the width of a RaisedButton in Flutter? 7 Methods Explained
• textAlign not working flutter
• Format DateTime in Flutter