Flutter Forms Made Easy With Flutter FormBuilder Package (Outdated)

Creating forms in Flutter often results in a lot of boilerplate code, especially when fields are validated and the form should react to changes. The developer "Danvick Miller" of the package "Flutter FormBuilder" has adressed this problem and created an efficient alternative to the traditional flutter forms. In this video I will show you how to set up Flutter FormBuilder package and the numerous features that make our daily work much easier.

#flutter #forms #formbuilder
-----------------------------------------------------------------------

Contents:
⌚ 00:00 - Start
⌚ 00:30 - Intro
⌚ 00:31 - Setting up the package
⌚ 01:18 - The "FormBuilder"-widget
🧾 Input Widgets
⌚ 02:28 - Checkboxes (Single, List, Group)
⌚ 03:06 - Chips (Choice Chip, Filter Chip, Chips Input)
⌚ 03:40 - Pickers (Color, Country, DateTime, DateRange, Image)
⌚ 04:38 - Sliders (Default Slider, Range Slider)
⌚ 04:59 - Radio, Dropdown & Switch
⌚ 05:28 - Text Input Widgets
⌚ 06:05 - Other input types (Touch Spin, Rate, Segmented Control, Signature Pad)
🧾 Core Attributes
⌚ 06:48 - Attributes
⌚ 06:57 - "attribute"
⌚ 07:20 - "initialValue"
⌚ 08:01 - "decoration"
⌚ 08:12 - "validators"
⌚ 08:28 - "onChanged"
⌚ 08:35 - "valueTransformer"
🧾 Validators
⌚ 08:54 - Validators
⌚ 14:40 - Conditinal Validation
🧾 Custom Form Fields
⌚ 17:19 - Custom Form Fields
🧾 Custom Form Fields
⌚ 18:30 - Tribute to project developers

-----------------------------------------------------------------------

Resources:

Further information:

Social Media:

[jangdelossantos]

awesome package + very helpful tutorial, keep it up!

[prashantmaharana]

Thankyou for this well structured informative video, highly appreciated...

[shaileshbopche]

Great explanation. Keep making such explanation videos for different scenarios in flutter.

[haveabeer]

thank you for the explanation Terminator.

[SyntacOps]

❗❗❗ IMPORTANT INFO: On Friday, Feb 12 at 2pm (CET) the NEW UPDATED VIDEO will be released! ❗❗❗

[franck-cyrilkeulegbe]

Great, I would like to know how to customize the error messages ?

[yakine]

Hey man! I have to upload multiple image to FirebaseStorage, Should I use Formbuilder and combine it with something else or Multiple image picker?

Optionnal*
Also, How can you combine this with the 'Permission handler' package? In case we refuse to give permission, I wished there's a way to inform the user of that, Because if we do the app freeze with the bottom popup (from gallery/camera) instead.

Thx!

[mafiq]

is there a way that i can use options stored in a list to be displayed for the chips rather than writing them line by line?

[danielreed]

The most frustrating thing for me is that after assigning the initialValue, I can't figure out how to reassign the text value in a second field when the user changes a value in a dropdown or another field. Assigning the controller.text doesn't work. For a dropdown, I had to use FormBuilderCustomField with a regular dropdown value. I might try wrapping widgets with ValueListenableBuilder. For a package like this that simplifies so many things, why is it so difficult to change the value of any input field using setState from within another field's OnChanged function? Can someone help me out? Am I missing something?

[kootahaitoo]

does anyone know if their any other way to generate forms from json(backend) using this package?

[SamAllenOfficial]

How to remove button line on FormBuilderChoiceChip ??

[yakine]

Hello man, your video is a really high quality content!
You're very very gifted for that. THX!

However I wish you explained more how to send data from this formbuilder..

As I can't use both value from the formbuilder and other data, I mean this:
...
await missionsDataBaseList
.add({
_fbKey.currentState.value,
"isActive": isActiveBool,
"isStarted": isStartedBool,
"isOver": isOverBool,
"isArchived": isArchivedBool,
})...

don't work. (all these bool were declared and initalized before.)

ERROR: error: Expressions can't be used in a map literal.

any idea on how to convert fbkey.currentState.value to a map of key value string?