Text fields allow users to type text into our apps. Text fields can be used to build forms, messaging apps, search experiences, and more! In this recipe, we’ll explore how to create and style text fields.
is the most commonly used text input widget.
By default, a
TextField is decorated with an underline. We can add a label,
an icon, inline hint text, and error text by supplying an
property of the
TextField. To remove the decoration entirely (including the
underline and the space reserved for the label), set the
decoration to null
TextField( decoration: InputDecoration( border: InputBorder.none, hintText: 'Please enter a search term' ), );
TextFormField( decoration: InputDecoration( labelText: 'Enter your username' ), );
For more information on input validation, please see the Building a form with validation recipe.