Floating labels are beautiful labels that can be added to TextField. They help users to identify what to enter in the input. In this Flutter tutorial, let’s check how to add a floating label to the TextField widget. Adding a floating label is easy and you just need to use the InputDecoration class. The labelText…
The elevation is an important feature in material design. By default, TextField doesn’t have any elevation. But in some cases, you may want to add elevation to TextField in Flutter. The TextField widget doesn’t have any properties to add elevation. So, the easy way to create shadows is to wrap the TextField widget using the…
The importance of proper font size is very high, especially in mobile apps. In this blog post, let’s learn how to change the font size of the TextField widget in Flutter. TextField has many useful properties such as style. Using the style property and the TextStyle class we can change the TextField font size. See…
TextField is a UI widget that users interact with to input text. Hence, styling TextField also has equal importance. In this Flutter tutorial, let’s learn how to change the TextField text color. TextField has a style property; with the TextStyle class, we can change the text color. See the code snippet given below. You will…
The cursor in the TextField widget helps users to identify at what position the text is entering. In this blog post, let’s learn how to change the TextField cursor color in Flutter. The TextField widget has many properties that can be used for customization. It has cursorColor property to change the cursor color. See the…
The TextField widget is one of the most used widgets in Flutter. Hence, proper styling of the TextField is important. In this blog post, let’s learn how to set the background color for TextField in Flutter. We can customize the looks of TextField using its decoration property and the InputDecoration class. In order to change…
The TextField widget in Flutter helps to create an input where users can enter data using the keyboard. In this blog post, let’s learn how to set the width and height for TextField in Flutter. There are no direct properties for TextField to change the default height and width of the TextField. But you can…
TextField is one of the most important widgets in Flutter. In this short Flutter tutorial, let’s learn how to change the color of the TextField icon. You can add an icon inside the TextField using the TextDecoration class. You just need to prefer either prefixIcon or sufixIcon to position the icon inside the TextField. Then…
The TextField widget in Flutter comes with various customizations. In this blog post, let’s learn how to add an icon to the right position of TextField in Flutter. The TextInputDecoration class allows us to add icons inside the TextField. You can add an icon to the end of TextField using the suffixIcon property. See the…
The importance of TextField in a mobile app doesn’t need any explanation. In this blog post, let’s learn how to align TextField to center in Flutter. You can add hint text using InputDecoration class. In order to align hint text you have to make use of the Textfield property textAlign and the TextAlign class. See…
TextField widget helps users to enter input data easily in Flutter. In this blog post, let’s learn how to change the color of the TextField HintText in Flutter. The decoration property of the TextField is used to style the input. Using the InputDecoration class, you can add hint text. Its hintStyle property can be used…
TextField is a very important widget in Flutter. Showing borders around TextField make it distinct and beautiful. In this tutorial, let’s learn how to change the TextField border color when it is focused. You can add borders to the TextField using the InputDecoration class. The focusedBorder property of the OutlineInputBorder class can be used to…