debounced_text_form_field 1.0.3 copy "debounced_text_form_field: ^1.0.3" to clipboard
debounced_text_form_field: ^1.0.3 copied to clipboard

A drop-in replacement for TextFormField that debounces validation

debounced_field_title

Drop in replacement for TextFormField that debounces the validation.

Motivation #

While there are other debouncing packages available, this one builds on foundation of Form and validation provided by Flutter.

Just replace your TextFormField with DebouncedTextFormField and you are good to go. No extra widgets or builders needed.

DebouncedTextFormField(
  decoration: const InputDecoration(
    hintText: 'Enter email',
    prefixIcon: Icon(Icons.mail),
  ),
  validator: (value) => _mustBeValidEmail(value),
),

You can change debounce duration. Default is 1s as that's a good balance since you want to give user time to finish typing.

DebouncedTextFormField(
  debounceDuration: Duration(milliseconds: 500),
),

Special case:

  • The validation is run immediately when the field has correct value or when it's empty. This is to provide immediate feedback to the user that his input is valid.
  • There is no autovalidateMode parameter from TextFormField, as debouncing is a form of auto-validation.

Maintained by: contact@joe-it-solutions.com

debounced_field_footer

11
likes
140
pub points
35%
popularity

Publisher

verified publisherjoe-it-solutions.com

A drop-in replacement for TextFormField that debounces validation

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on debounced_text_form_field