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
.
Preview
Usage
FTextFormField(...)
FTextFormField(
controller: _controller, // TextEditingController
clearable: (value) => value.text.isNotEmpty,
enabled: true,
onSaved: (value) {},
validator: (value) => true,
label: const Text('Email'),
hint: '[email protected]',
description: const Text('Enter your email associated with your Forui account.'),
forceErrorText: 'Error'
errorBuilder: (context, error) => const Text(error),
keyboardType: TextInputType.emailAddress,
textCapitalization: TextCapitalization.none,
maxLines: 1,
);
FTextFormField.email(...)
FTextFormField.email(
controller: _controller, // TextEditingController
clearable: (value) => value.text.isNotEmpty,
enabled: true,
onSaved: (value) {},
validator: (value) => true,
label: const Text('Email'),
hint: '[email protected]',
description: const Text('Enter your email associated with your Forui account.'),
forceErrorText: 'Error'
errorBuilder: (context, error) => const Text(error),
keyboardType: TextInputType.emailAddress,
textCapitalization: TextCapitalization.none,
maxLines: 1,
);
FTextFormField.password(...)
FTextFormField.password(
controller: _controller, // TextEditingController
clearable: (value) => value.text.isNotEmpty,
enabled: true,
onSaved: (value) {},
validator: (value) => true,
label: const Text('Password'),
hint: 'Enter password',
description: const Text('Enter your password.'),
forceErrorText: 'Error'
errorBuilder: (context, error) => const Text(error),
keyboardType: TextInputType.visiblePassword,
textCapitalization: TextCapitalization.none,
maxLines: 1,
);
FTextFormField.multiline(...)
FTextFormField.multiline(
controller: _controller, // TextEditingController
clearable: (value) => value.text.isNotEmpty,
enabled: true,
onSaved: (value) {},
validator: (value) => true,
label: const Text('Description'),
hint: 'Enter description',
description: const Text('Enter your description.'),
forceErrorText: 'Error'
errorBuilder: (context, error) => const Text(error),
keyboardType: TextInputType.multiline,
textCapitalization: TextCapitalization.none,
maxLines: null,
);
Last updated on