Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/itsJoKr/debounced_text_form_field
Drop-in replacement for TextFormField with debounced validation
https://github.com/itsJoKr/debounced_text_form_field
Last synced: 4 months ago
JSON representation
Drop-in replacement for TextFormField with debounced validation
- Host: GitHub
- URL: https://github.com/itsJoKr/debounced_text_form_field
- Owner: itsJoKr
- License: mit
- Created: 2024-05-11T18:04:29.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-05-13T17:40:23.000Z (9 months ago)
- Last Synced: 2024-05-14T13:09:42.309Z (9 months ago)
- Language: C++
- Size: 298 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README

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.
```dart
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.
```dart
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
