How to set TextField Border Radius in Flutter

Border radius helps to adjust the corners and make them rounded and beautiful. In this tutorial, let’s learn how to change the TextField border radius in Flutter easily. The decoration property of the TextField widget is used to style the input. The InputDecoration and OutlineInputBorder help us to add borders to the TextField. You can…

How to Capitalize TextField Content in Flutter

TextField is a very important widget that helps users to input text. Sometimes you may want the case of the TextField text specific. In this Flutter tutorial, let’s check how to capitalize the content of TextField. It’s quite simple. You can use TextCapitalization class to capitalize input text. With the help of textCapitalization property of…

How to Change TextField Border Color in Flutter

How to Change TextField Border Color in Flutter

I already have a blog post on how to add borders to TextField using OutlineInputBorder class. In this blog post, let’s check how to change the default color of TextField border in Flutter. You can change the border color of your TextField using InputDecoration class, OutlineInputBorder class, and BorderSide class. See the code snippet given…

How to Add Borders to TextField in Flutter

How to Add Borders to TextField in Flutter

Every Flutter developer knows the importance of the TextField widget. Having borders around TextField can make the component significant. In this tutorial, let’s learn how to set borders for TextField in Flutter. By default, TextField doesn’t have any borders. You can style TextField using the InputDecoration class. The OutlineInputBorder class helps you to add borders…

How to Change Placeholder Text Style of TextField in Flutter

How to Change Placeholder Text Style of TextField in Flutter

The TextField is a very important widget that helps users to input text. Sometimes you may want to change the default placeholder style of TextField. In this Flutter tutorial, let’s check how to change the hintText style of the TextField widget. Changing the hintText style is quite simple. You just need to use InputDecoration’s property…

How to Add TextField with Multi-Line Support in Flutter

How to Add TextField with Multi-Line Support in Flutter

By default, a TextField widget is limited to a single line. But in case your users need to input large text then the TextField should be extensible. In this Flutter tutorial, let’s check how to add multi-line support to the TextField widget. You add multiple lines to the TextField by using the property maxLines. There…