A comprehensive example application demonstrating the capabilities of the Flutter Form Builder package.
This example showcases various form building patterns and use cases:
- Complete Form - A full-featured form with all available input types
- Sign Up Form - A practical sign-up form example
- Dynamic Fields - Forms with fields that can be added/removed at runtime
- Conditional Fields - Fields that show/hide based on other field values
- Related Fields - Forms with interdependent field values
- Grouped Radio/Checkbox - Selection inputs with grouping
- Decorated Radio/Checkbox - Custom styling for selection fields
- Custom Fields - Examples of creating custom form fields
-
Navigate to the example directory:
cd example -
Get dependencies:
flutter pub get
-
Run the example:
flutter run
lib/
├── main.dart # App entry point with navigation
├── code_page.dart # Shows source code for examples
├── sources/
│ ├── complete_form.dart # All field types demo
│ ├── signup_form.dart # Sign up form
│ ├── dynamic_fields.dart # Dynamic field management
│ ├── conditional_fields.dart # Conditional visibility
│ ├── related_fields.dart # Field dependencies
│ ├── grouped_radio_checkbox.dart # Grouped selections
│ ├── decorated_radio_checkbox.dart # Styled selections
│ └── custom_fields.dart # Custom field implementationsEach example demonstrates specific Flutter Form Builder features:
- Form creation and management
- Field validation
- Value collection and transformation
- Dynamic field operations
- Conditional rendering
Explore each example to understand how to implement similar patterns in your own applications.