Form

Text Form Field

A text field that can be used in forms, allowing the user to enter text, either with a hardware keyboard or with an onscreen keyboard.

FTextFormField wraps FTextField and provides a FormField.

CLI

To generate a specific style for customization:

dart run forui style create text-field-sizes

Usage

FTextFormField(...)

1FTextFormField(
2 size: .md,
3 style: const .delta(contentPadding: .value(.symmetric(horizontal: 10))),
4 enabled: true,
5 label: const Text('Label'),
6 hint: 'Enter text...',
7 description: const Text('Description'),
8)

FTextFormField.email(...)

1FTextFormField.email(
2 size: .md,
3 style: const .delta(contentPadding: .value(.symmetric(horizontal: 10))),
4 enabled: true,
5 label: const Text('Email'),
6 hint: 'Enter email...',
7 description: const Text('Description'),
8)

FTextFormField.password(...)

1FTextFormField.password(
2 size: .md,
3 style: const .delta(contentPadding: .value(.symmetric(horizontal: 10))),
4 enabled: true,
5 label: const Text('Password'),
6 hint: 'Enter password...',
7 description: const Text('Description'),
8)

FTextFormField.multiline(...)

1FTextFormField.multiline(
2 size: .md,
3 style: const .delta(contentPadding: .value(.symmetric(horizontal: 10))),
4 statesController: null,
5 enabled: true,
6 label: const Text('Label'),
7 hint: 'Enter text...',
8 description: const Text('Description'),
9)

On this page