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…
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…
TextField is a very important widget in Flutter. Having an icon inside TextField can help users to identify the content to enter in it. Let’s see how to add an icon inside the TextField in Flutter. The InputDecoration class helps you to style the TextField. Its icon property allows you to add an icon in…
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 underlining in TextField. You can remove the underline by using InputBorder class as given below. Following is the complete code for reference. That’s how you remove…
When you integrate heavy third-party libraries such as OneSignal, there are chances you face Expiring Daemon because JVM heap space is exhausted error. This error occurs when you try to run your react native project on Android devices. The issue is Android-specific and it’s happening because allocated JVM memory is not enough to build your…
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…
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…
Padding is an important aspect that determines the clarity of your mobile app UI. In this Flutter tutorial, let’s check how to apply padding to the ElevatedButton widget. You can set padding to the elevated button using the Padding class. Make Padding widget parent to the elevated button. Following is the complete example. See the…
TextField is an important widget in Flutter. As a developer, you may want to make the TextField focus so that users are easily prompted to enter their input. Let’s check how to make TextField focus in Flutter. There are multiple ways to do this. One way is to use the autofocus property of the TextField…
As a mobile app developer, you may have to use your own images as icons in your project. Let’s check how to add images as icons in Flutter. The ImageIcon widget is the most suitable widget to use images as icons in Flutter. You can use its image property to assign your own image. I…
Many Flutter developers use ElevatedButton as their preferred button. In this blog post, let’s learn how to add an Elevated Button with Icon and text in Flutter. You can add Elevated Button with an icon and text using ElevatedButton.icon constructor. Then you can make use of properties such as icon and label to add both…
The ElevatedButton is the ready-to-go button for most of the Flutter developers there. In this blog post, let’s learn how to change the color of the elevated button at the time of pressing. The ElevatedButton is styled using the ButtonStyle class. You can change the background color of an ElevatedButton using MaterialStateProperty class. You can…