easy_formz_inputs

Description:

easy formz inputs

easy_formz_inputs #
The easy_formz_inputs library provides pre-built, validated input fields for use in Dart and Flutter applications. Inputs currently provided include email, password, confirm password, URL, date, phone, and non-empty fields.
Installation #
To use the easy_formz_inputs library, add the corresponding dependency to your pubspec.yaml file:
dependencies:
easy_formz_inputs: ^0.1.1
copied to clipboard
Then, import the library in your code:
import 'package:easy_formz_inputs/easy_formz_inputs.dart';
copied to clipboard
Usage #
The easy_formz_inputs library provides pre-built and validated input fields. Each input field is defined as a form field, which can be used to validate and manage user input data.
EmailInput #
The EmailInput is a form field that validates email addresses entered by the user. To use it, simply create an instance of the EmailInput class:
final email = EmailInput.dirty();
copied to clipboard
Then you can use the email form field in your form:
TextField(
decoration: InputDecoration(labelText: 'Email'),
onChanged: (value) {
email.value = value;
},
keyboardType: TextInputType.emailAddress,
),
copied to clipboard
PasswordInput #
The PasswordInput is a form field that validates the length and complexity of passwords entered by the user. To use it, simply create an instance of the PasswordInput class:
final password = PasswordInput.dirty();
copied to clipboard
Then you can use the password form field in your form:
TextField(
decoration: InputDecoration(labelText: 'Password'),
onChanged: (value) {
password.value = value;
},
obscureText: true,
),
copied to clipboard
ConfirmPasswordInput #
The ConfirmPasswordInput is a form field that compares two password fields to ensure that they match. To use it, simply create an instance of the ConfirmPasswordInput class and pass the original password field as an argument:
final confirmPassword = ConfirmPasswordInput.dirty(password: password, value: '');
copied to clipboard
Then you can use the confirmPassword form field in your form:
TextField(
decoration: InputDecoration(labelText: 'Confirm password'),
onChanged: (value) {
confirmPassword.value = value;
},
obscureText: true,
),
copied to clipboard
UrlInput #
The UrlInput is a form field that validates URLs entered by the user. To use it, simply create an instance of the UrlInput class:
final url = UrlInput.dirty();
copied to clipboard
Then you can use the url form field in your form:
TextField(
decoration: InputDecoration(labelText: 'URL'),
onChanged: (value) {
url.value = value;
},
keyboardType: TextInputType.url,
),
copied to clipboard
NonEmptyInput #
The NonEmptyInput is a form field that validates that the user has entered a non-empty value. To use it, simply create an instance of the NonEmptyInput class:
final nonEmpty = NonEmptyInput.dirty();
copied to clipboard
Then you can use the nonEmpty form field in your form:
TextField(
decoration: InputDecoration(labelText: 'Non-empty field'),
onChanged: (value) {
nonEmpty.value = value;
},
),
copied to clipboard
DateInput #
The DateInput is a form field that validates that the user entered a date value, with the format 'DD/MM/YYYY'.
final dateInput = DateInput.dirty(value: '09/03/2022');
copied to clipboard
Then you can use the dateInput form field in your form:
TextField(
decoration: InputDecoration(labelText: 'Birthdate'),
onChanged: (value) {
dateInput.value = value;
},
),
copied to clipboard
PhoneInput #
The PhoneInput is a form field that validates that the user entered a date value, with the format 'DD/MM/YYYY'.
final phoneInput = PhoneInput.dirty(value: '12312312',
country: CountryModel(
name: 'Venezuela, Bolivarian Republic of Venezuela',
flag: '🇻🇪',
code: 'VE',
dialCode: '58',
minLength: 10,
maxLength: 10,
)
);
copied to clipboard
Then you can use the phoneInput form field in your form:
TextField(
decoration: InputDecoration(labelText: 'Phone'),
onChanged: (value) {
phoneInput.value = value;
},
),
copied to clipboard