dynamicform #

create your form with easier way

Getting Started #

• generate form
• Pre-existing elements

Installing #

Add the following to your pubspec.yaml file:

dependencies:
	dynamic_form: ^0.3.5

Simple Usage #

Creating a basic SimpleDynamicForm

SimpleDynamicForm(
      key: dynamicFormKey,
      groupElements: [
              GroupElement(
                            directionGroup: DirectionGroup.Vertical,
                            textElements: [
                            TextElement(label: "name"),
                            TextElement(
                                 label: "password", typeInput: TypeInput.Password)
                              ],
                             )
                  ],
              );

Declare GlobalKey to get validation,list values of forms #

GlobalKey<SimpleDynamicFormState> dynamicFormKey = GlobalKey<SimpleDynamicFormState>();

validate forms #

dynamicFormKey.currentState.validate()

all values in form #

dynamicFormKey.currentState.recuperateAllValues()

How to skectch your form ? #

textElement is small element in dynamicForm GroupElement is group of TextElement

GroupElement

textElement

EmailElement #

Pre-exsiting element with check validation of email

Pre-initialized values

extends from TextElement

PasswordElement #

Pre-exsiting element with check validation of password

Pre-initialized values

show/hide password

extends from TextElement

| Properties | Description | | -------------------- ------| ----------------------------------- | | label | text label of TextField. | | hint | text hint of textField. | | errorMsg | message to show when TextField isn't validate. | | labelStyle | style of label TextField | | errorStyle | style of error message TextField | | hintStyle | style of hint TextFieldcolor | | readOnly | enable TextField uneditable | | padding | padding of TextField | | enableShowPassword | enable eye icon,make password text visible | | isRequired | make passwordField required | | minLength | minimun length accepted by password | | hasUppercase | make password contains at least one upperCase character | | hasSpecialCharacter | make password contains at least one special character | | hasDigits | make password contains at least one digits | | requiredErrorMsg | message error to show when password is required | | minLengthErrorMsg | message error to show when password length is less then the specified | | uppercaseErrorMsg | message error to show when password doesn't contain any upperCase character | | specialCharacterErrorMsg | message error to show when password doesn't contain any special character |

NumberElement #

Pre-exsiting element for Number input

Pre-initialized values

enabled digitsOnly

extends from TextElement

CountryElement #

Pre-exsiting element for Country input

Pre-initialized values

pick country via BottomSheet

show flag of countries