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

A drop-in replacement for TextFormField that debounces validation

debounced_field_title.png

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

footer.png

23
likes
0
points
23
downloads

Publisher

verified publisherjoe-it-solutions.com

Weekly Downloads

A drop-in replacement for TextFormField that debounces validation

Repository (GitHub)
View/report issues

License

unknown (license)

Dependencies

flutter

More

Packages that depend on debounced_text_form_field