What is TextFormField?

Learn to capture form input with TextFormField.

What is TextFormField?

TextFormField is a widget used for text input inside a form. As the user types with the keyboard, it holds the entered text. It is usually placed inside a Form widget so that form-level validation and batch operations can be performed.

Form(
  child: TextFormField(),
)

The Form widget

TextFormField sits in the child hierarchy of the Form widget. Form treats all fields beneath it as a single group and provides information about the form state. You can add a TextFormField without Form, but then you cannot perform collective validation.

Exercise Add a TextFormField inside a Form

Write a function loginDone that prints Giris yapildi. In main call loginDone. Add a TextFormField inside a Form.

Show example solution

import 'package:flutter/material.dart';

void girisYapildi() {
  print('Giris yapildi');
}

void main() {
  girisYapildi();
  runApp(const Uygulama());
}

class Uygulama extends StatelessWidget {
  const Uygulama({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: Form(
            child: TextFormField(),
          ),
        ),
      ),
    );
  }
}

Test yourself

Which widget is used to collectively manage TextFormField's in a form?
- Column
- SizedBox
- Form
- ListView
Show answer

Form — The Form widget brings together all TextFormField's beneath it and allows collective validation; ListView, Column and SizedBox are not for this purpose.

Add the TextFormField widget

Form(
  child: ____(),
)

Show answer

Form(
  child: TextFormField(),
)

Form parts

TextFormField

Text input widget inside Form
Form

Groups TextFormField's
input

Text entered by the user
child

Form's child widget

Next lesson: TextEditingController

We Are Enhancing Your Experience

Cookie Preferences

Strictly Necessary Cookies

Analytical Cookies