form_animate_wrap

Description:

form animate wrap

Animated wrappers which can used to wrap around TextFormField to get some nice interactions
Installation #
In the pubspec.yaml of your flutter project, add the following dependency:
form_animate_wrap: ^0.0.6
copied to clipboard
Import it to each file you use it in:
import 'package:form_animate_wrap/form_animate_wrap.dart';
copied to clipboard
Usage #
Anime Validator #

This wrapper is used to wrap around TextFormField if you need a animation to the TextFormField on event such as validation error.
TextEditingController firstNameController = TextEditingController();

AnimeValidator(
enableAnimation: true,
child: CustomTextFormField(
controller: firstNameController,
hintTextVal: "First Name",
)),
copied to clipboard
Glow Selector #

This wrapper can be used to identify the selected TextFormField. Imagine if there are multiple TextFormFields it would be difficult to identify the selected field at once. But with this wrapper it will make easier to identify.
FocusNode firstNameNode = FocusNode();

GlowSelector(
borderRadius: 15,
enableFocusGlowing: true,
focusGlowColor: Colors.blueAccent,
focusNode: firstNameNode,
child: CustomTextFormField(
focusNode: firstNameNode,
hintTextVal: "First Name",
)),
copied to clipboard
Glow Validator #

This wrapper can be used to validate TextField based on the condition. For example you can set wrapper to glow if the text is empty on submit the form
TextEditingController firstNameController = TextEditingController();

GlowValidator(
borderRadius: 15,
enableAnimation: true,
child: CustomTextFormField(
controller: firstNameController,
hintTextVal: "First Name",
)),
copied to clipboard