Description:

animated text field

Animated Text Custom Field which can be used to animate text field and errors by modifying the text field widget.
It use custom fade animation from package simple_animations to animate the text field and errors and hide error after interval of time (default 10 seconds).
Features #

Easy to handle errors
Easy to handle text field
Keep remove boilerplate code
String extension to Capitalize first letter of string
Some Validation are already added

Email
Password
Phone
Url
Credit Card:Add following card types

Visa
MasterCard
American Express
Diners Club
Discover
JCB
UnionPay
Maestro
Mir
Forbrugsforeningen
dankort
Laser
InstaPayment
Laser
Switch
RuPay


CVV
Date
Time
IP Address
IP4 Address
IP6 Address
JSON
Pin Code
Passport Number
Latitude
Longitude



Getting started #


Add the dependency to your pubspec.yaml file
dependencies:
animated_text_custom_field:
copied to clipboard
for latest version check animated_text_custom_field


Import the package
import 'package:animated_text_custom_field/animated_text_custom_field.dart';
copied to clipboard


Use the widget
CustomTextField(
errorKey: 'password',
controller: passwordController,
keyboardType: TextInputType.visiblePassword,
decoration: CustomTextInputDecoration(
prefixIcon: const Icon(Icons.lock),
hintText: "Enter your password",
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(10),
borderSide: const BorderSide(
color: Colors.grey,
width: 2,
),
),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(10),
borderSide: const BorderSide(
color: Colors.grey,
width: 2,
),
),
focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(10),
borderSide: const BorderSide(
color: Colors.blue,
width: 2,
),
),
),
validator: (String? value) {
if (value != null) {
if (!TextErrorservice.isValidPasswordLength(value, //using TextErrorService to validate password
length: 8)) {
return "Password must be at least 8 characters";
}
}
return null;
},
),
copied to clipboard


Use String extension to Check if string is valid email
String email = "test@test.com";
if (email.isEmail()) {
//do something
}
copied to clipboard


Output #


Usage #
A simple usage example:

open code folder "example" in code editor (VS Code, Android Studio, etc).
run the following command in terminal

flutter run -d chrome
copied to clipboard
Properties and Methods #



Property
Type
Description




controller
TextEditingController
TextEditing Controller used to control text


errorDuration
Duration
Default value second 10.


errorStyle
TextStyle
TextStyle for Error Text Widget


errorKey
String
Key for error


fadeAnimationDuration
double
Default value 1.5 seconds


customErrorWidget
Widget
Custom Error Widget


decoration
CustomTextInputDecoration
Custom Input Decoration(Input decoration)


validator
String Function(String?)
Validator for text field (required)



Other methods and properties are inherited from TextFormField widget.
Extension Methods #



Method
Description




isEmail
Check if string is valid email


isPassword
Check if string is valid password


hasPasswordLength
Check if string has password length


isPhoneNumber
Check if string is valid phone number


isUrl
Check if string is valid url


isName
Check if string is valid name


isVisaCard
Check if string is valid visa credit card


isMasterCard
Check if string is valid master card


isAmericanExpressCard
Check if string is valid american express


isDinersClubCard
Check if string is valid diners club


isDiscoverCard
Check if string is valid discover


isJCBCard
Check if string is valid JCB


isUnionPayCard
Check if string is valid union pay


isMaestroCard
Check if string is valid maestro


isMirCard
Check if string is valid mir


isForbrugsforeningenCard
Check if string is valid forbrugsforeningen


isDankortCard
Check if string is valid dankort


isLaserCard
Check if string is valid laser


isInstaPaymentCard
Check if string is valid insta payment


isSwitchCard
Check if string is valid switch


isSoloCard
Check if string is valid solo


isRuPayCard
Check if string is valid ruPay


isCVV
Check if string is valid cvv


isCVV2
Check if string is valid cvv2


isExpiryDate
Check if String is valid Expiry Date


isCreditCard
Check if String is valid credit card


isIP
Check if String is valid IP


isIP4
Check if String is valid IP4


isIP6
Check if String is valid IP6


isJSON
Check if String is valid JSON


isPinCode
Check if String is valid Pin Code


isPassportNumber
Check if String is valid Passport Number


isLatitude
Check if String is valid Latitude


isLongitude
Check if String is valid Longitude


capitalize
Capitalize first letter of string


isValidTime
Check if String is valid Time


isValidDate
Check if String is valid Date



Contributing #

Fork it
Create your feature branch (git checkout -b my-new-feature)
Commit your changes (git commit -am 'Add some feature')
Push to the branch (git push origin my-new-feature)
Create new Pull Request
If you have any questions, please open an issue.
If you found a bug, please open an issue.
If you have a feature request, please open an issue.
If you want to contribute, please submit a pull request.
If you use this package, please add a star on GitHub.
If you use this package, please tweet about it.
If you use this package, please mention it in a blog post.

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter