0 purchases
custom text form field plus
Custom Text Form Field Plus - A Customizable Text Input Widget with Validation for Flutter #
custom_text_form_field_plus is a customizable text input field widget for your Flutter project. It
provides a feature-rich text input field with support for labels, hints, validation, and more. This
widget simplifies the process of creating and customizing text input fields in your Flutter
applications.
Platform Support #
Android
iOS
Web
MacOS
Linux
Windows
✅
✅
✅
✅
✅
✅
Installation #
To use custom_text_form_field_plus in your Flutter project, follow these steps:
Add the package to your pubspec.yaml file and run flutter pub get:
dependencies:
custom_text_form_field_plus: ^0.0.5
copied to clipboard
Import the package in your Dart code:
import 'package:custom_text_form_field_plus/custom_text_form_field_plus.dart';
copied to clipboard
Usage #
To create a customized text input field with validation using custom_text_form_field_plus, you can
use the CustomTextFormField widget and the provided Validations class for validation functions.
Here's an example:
import 'package:custom_text_form_field_plus/custom_text_form_field_plus.dart';
copied to clipboard
CustomTextFormField(
labelText: 'Name',
hintText: 'Enter Name',
validator: (String? value) => Validations.emptyValidation(value),
),
CustomTextFormField(
labelText: 'Email',
hintText: 'Enter Email',
validator: (String? value) => Validations.emailValidation(value),
),
CustomTextFormField(
labelText: 'Phone Number',
hintText: 'Enter Mobile Number',
validator: (String? value) => Validations.contactNumberValidation(value),
),
copied to clipboard
Check example folder for more.
Customizations #
CustomTextFormField provides various customization options through its constructor parameters. You
can customize attributes like labelText, hintText, validator, and many more to suit your
application's requirements.
labelText
String
The label text to display above the text input field.
hintText
String
The hint text to display inside the text input field.
width
Double
The width of the text input field.
validator
FormFieldValidator
A function that validates the input text.
controller
TextEditingController
A controller for manipulating the text input field.
textInputAction
TextInputAction
The action to be performed when the keyboard's "Done" button is pressed.
minLines
int
The minimum number of lines to display in the input field.
autocorrect
bool
Whether autocorrection should be enabled for the input field.
autofocus
bool
Whether the input field should be focused automatically.
errorMaxLines
int
The maximum number of lines to display when an error occurs.
maxLines
int
The maximum number of lines to display in the input field.
suffixIconButton
IconButton
An icon button to be displayed as a suffix to the input field.
keyboardType
TextInputType
The type of keyboard to display.
autoValidateMode
AutovalidateMode
When and how to validate the input automatically.
padding
EdgeInsets
The padding around the input field.
enabledBorder
InputBorder
The border to display when the input field is enabled.
border
InputBorder
The border to display around the input field.
focusedErrorBorder
InputBorder
The border to display when the input field is focused and in error state.
focusedBorder
InputBorder
The border to display when the input field is focused.
errorBorder
InputBorder
The border to display when the input field is in error state.
disabledBorder
InputBorder
The border to display when the input field is disabled.
For more details on customization options, refer to
the CustomTextFormField API documentation.
Author #
Dharti Chauhan
If you have any questions or need assistance, please feel free to contact the author.
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
There are no reviews.