Build a form with validation

Handle changes to a text field

Create and style a text field

Cookbook

Forms

Create and style a text field

TextField

TextFormField

Interactive example

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.

Flutter provides two text fields:
TextField and TextFormField.

TextField

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 decoration
property of the TextField.
To remove the decoration entirely (including the
underline and the space reserved for the label),
set the decoration to null.