dynamic_form 0.3.4+2

generate your form with easier way, Pre-existing forms, fields ,customize your form in runtime

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.4+2

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

Properties	Description
directionGroup	Direction of form (Vertical/Horizontal)
sizeElements	size of each textElement of form When direction Horizontal,sum of values should be egal a 1
textElements	group of textElement.
padding	padding of groups.
decoration	decoration of container groups.
backgroundColor	color of the container groups.

textElement

Properties	Description
typeInput	Enumerate to specifie type of TextField.
label	text label of TextField.
onTap	callback when you click on 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
validator	callback validation of TextField
padding	padding of TextField

EmailElement

Pre-exsiting element with check validation of email

Pre-initialized values

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

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

NumberElement

Pre-exsiting element for Number input

Pre-initialized values

enabled digitsOnly

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
isDigits	enable only digit number

CountryElement

Pre-exsiting element for Country input

Pre-initialized values

pick country via BottomSheet

show flag of countries

Properties	Description
label	text label of TextField.
initValue	Initiale Value to country input.
labelModalSheet	Title of modalSheet
labelSearchModalSheet	hint search textfield in BottomSheet
countryTextResult	enumeration get result of selection countries
showFlag	show flag of countris in modalsheet
padding	padding of TextField