custom_text_form_field_plus 0.0.5
custom_text_form_field_plus: ^0.0.5 copied to clipboard
Custom Text Form Field Plus - A Customizable Text Input Widget with Validation for Flutter
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 runflutter pub get
:dependencies: custom_text_form_field_plus: ^0.0.5
-
Import the package in your Dart code:
import 'package:custom_text_form_field_plus/custom_text_form_field_plus.dart';
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';
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),
),
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 #
If you have any questions or need assistance, please feel free to contact the author.