X Tutup
Skip to content

Latest commit

 

History

History

README.md

Flutter Form Builder Example

A comprehensive example application demonstrating the capabilities of the Flutter Form Builder package.

Features Demonstrated

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

Getting Started

Installation

  1. Navigate to the example directory:

    cd example
  2. Get dependencies:

    flutter pub get
  3. Run the example:

    flutter run

Project Structure

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 implementations

Learning Resources

Each 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.

Related Resources

X Tutup