Flutter - How To Change TextField's/TextFormField's Border Colors

[@thushankalana4940]

Thank tou so much😍😍

[@GouravBaghel-ik6nm]

Thank you

[@zaidrj7374]

That was very useful, thank you so much

[@user-tf9pt7yy7w]

thank you so much and the outro song is sooooo gooood~!

[@viktorfraga3841]

thank you very much for the instructions, would it be possible for me to change the color of the text that "goes up" in the form? without using labelStyle

[@ihebhmida9469]

thanks

[@Nurimendizhen]

how to change background color, when error?

[@yoshinohmm4975]

How do I change the height of this textfield? it's too tall, I want to smaller

[@FlutterMentor]

I'm not sure what exactly you want to accomplish but here are 2 options:
You can change the fontSize and height like this:
Container(
width: 100.0,
child: TextField(
style: TextStyle(
fontSize: 40.0,
height: 2.0,
color: Colors.black
)
)
)
Or you could just wrap it with a container a define the height (but this will probably only work for increasing the height):
Container(
width: 100.0,
child: TextField()
)

[@yoshinohmm4975]

@@FlutterMentor I’d like to change the size of the box that contains the text, it’s too tall

[@FlutterMentor]

@@yoshinohmm4975 If you think it's too tall, then you might have some padding going on maybe in the container wrapping it? If not, yu have to decrease the fontSize using the style property.

[@saratm9973]

My textfield underline is hitting on screen. How can i change this?

[@husseintarek5535]

ty sooo much bro😍😍

[@user-iq2pp4zp2d]

thanks bro this is cool

[@tomorrowsci]

thanks bro,well explained

[@FlutterMentor]

thank you bro

[@adityasapra821]

thanks !

[@yan-cordeiro]

is it possible to use linearGradient on a textfield??

[@FlutterMentor]

I'm not sure, as I've never tried it.. But it should be possible!

[@maran.ath4]

Exactly what I'm looking for, it's been 2 days now

[@yusufansari3203]

Hey bro did you find out how to do this?

[@yan-cordeiro]

@@yusufansari3203 if i remember, i use the gradient on a div, clip the div with the text and make the text transparent, same way we do in tailwind css

[@trend8520]

thanks!

[@FlutterMentor]

No problem! Thanks for watching!