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.
- 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.noneThis property would RemoveTextFieldText Input Bottom Underline an Flutter app. To Remove TextField Underline in Flutter you can set theborderproperty of thedecorationof the TextField toInputBorder.none. - Remove TextField Underline in Flutter
to Remove TextField Underline in Flutter TextField widget has a property decoration which has a sub property
border: InputBorder.noneThis property would RemoveTextFieldText Input Bottom Underline an Flutter app. To Remove TextField Underline in Flutter you can set theborderproperty of thedecorationof the TextField toInputBorder.none.
Here Is an 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 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.
Leave a Reply