close

How to make a TextField with HintText but no 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 make a TextField with HintText but no Underline in Flutter?

How to make a TextField with HintText but no 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.

  1. How to Remove TextField Underline in Flutter?

    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 an Example.

before hiding underline:

Output

After hiding underline:

Output

So, It’s All About How to make a TextField with HintText but no Underline in flutter?. 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

Leave a Comment

%d bloggers like this: