How to create Forms in Flutter (Flutter Form Builder Tutorial)

Published: 12 February 2021
on channel: SyntacOps

46,223

Learn how to create forms in flutter, how to read forms or form fields, how to reset forms, how to validate forms and how to save your form's data. In this tutorial I introduce you to the best flutter form package available called Flutter Form Builder from the developer Danvick Miller. This flutter package enables you to create complex forms without the usual boilerplate. This video covers all aspects from the very basics like creating forms from scratch to more detailed instructions like: how form fields and their properties work, how to create custom form fields, how to use the built-in validation and create custom validators, how to create conditional validation and how to make use of internationalization within your forms.

#flutter #forms #tutorial

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

🌎 REFERENCES:
Example App: https://github.com/syntacops/ffb_tuto...
Documentation: https://pub.dev/packages/flutter_form...
Github Repo: https://github.com/danvick/flutter_fo...

💗 CONTRIBUTE TO:
MR. MILLER @ BuyMeACoffee: https://www.buymeacoffee.com/wb5M9y2Sz
MR. MILLER @ Patreon:   / danvick
SyntacOps @ BuyMeACofee: https://www.buymeacoffee.com/syntacops
SyntacOps @ Patreon:   / syntacops
SyntacOps @ PayPal:
https://www.paypal.me/syntacops

📕 LEARNING RESOURCES:
Internationalizing Flutter Apps:
https://flutter.dev/docs/development/...
Localization:
https://proandroiddev.com/flutter-loc...
Turn Any Widget Into A Field:
  / turn-any-flutter-widget-into-a-form-input

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

⌚ TIMESTAMPS:

00:00 - Start
01:09 - Contribution
[FORM BASICS]
02:30 - FormBuilder Basics
07:36 - Reset form
08:25 - Read fields
09:53 - Save & read form
11:33 - "skipDisabled" addendum
12:20 - Validate form
[CORE ATTRIBUTES]
14:52 - Core Attributes
[FORM FIELDS]
17:12 - Built-in fields
22:09 - Custom fields
24:14 - Changing field values
[VALIDATION]
25:03 - Built-in validators
27:36 - Custom validator
28:54 - Multiple validators
30:34 - Conditional validation
31:30 - Custom errors
33:10 - Autovalidate modes
[INTERNATIONALIZATION]
34:15 - Internationalization
35:15 - Closing words

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

💌 SOCIAL MEDIA:
▶ Github: https://github.com/syntacops
▶ Facebook:   / syntac.ops.7
▶ Twitter:   / syntacops
▶ Reddit:   / syntacops

On this page of the site you can watch the video online How to create Forms in Flutter (Flutter Form Builder Tutorial) with a duration of hours minute second in good quality, which was uploaded by the user SyntacOps 12 February 2021, share the link with friends and acquaintances, this video has already been watched 46,223 times on youtube and it was liked by 1 thousand viewers. Enjoy your viewing!