How to add TextField Floating Label in Flutter

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 … Read more

How to add TextField Elevation in Flutter

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 … Read more

How to change TextField Font Size in Flutter

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 … Read more

How to change TextField Text Color in Flutter

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 … Read more

How to change TextField Cursor Color in Flutter

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 … Read more

How to change TextField Background Color in Flutter

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 … Read more

How to set TextField Width and Height in Flutter

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 … Read more

How to change TextField Icon Color in Flutter

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 … Read more

How to add Icon to Right of TextField in Flutter

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 … Read more

How to Align TextField HintText to Center in Flutter

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 … Read more