Text fields allow users to type text into an app. They are used to build forms, send messages, create search experiences, and more. In this recipe, explore how to create and style text fields.
TextField is the most commonly used text input widget.
By default, a
TextField is decorated with an underline.
You can add a label, icon, inline hint text, and error text by supplying an
InputDecoration as the
property of the
To remove the decoration entirely (including the
underline and the space reserved for the label),
decoration to null.
TextField( decoration: InputDecoration( border: InputBorder.none, hintText: 'Enter a search term' ), );
To retrieve the value when it changes, see the Handle changes to a text field recipe.
TextFormField( decoration: InputDecoration( labelText: 'Enter your username' ), );
For more information on input validation, see the Building a form with validation recipe.