build static method

Widget build({ required ComponentModel component, dynamic value, required ValueChanged onChanged, Map<String, dynamic>? formData, FilePickerCallback? onFilePick, DatePickerCallback? onDatePick, TimePickerCallback? onTimePick, })

Creates the appropriate widget for a given component.

Implementation

static Widget build({
  required ComponentModel component,
  dynamic value,
  required ValueChanged<dynamic> onChanged,
  Map<String, dynamic>? formData,
  FilePickerCallback? onFilePick,
  DatePickerCallback? onDatePick,
  TimePickerCallback? onTimePick,
}) {
  // Check if a custom component builder is registered for this type
  final customBuilder = _customComponents[component.type];
  if (customBuilder != null) {
    return customBuilder.build(
      FormioComponentBuildContext(
        component: component,
        value: value,
        onChanged: onChanged,
        formData: formData,
        onFilePick: onFilePick,
        onDatePick: onDatePick,
        onTimePick: onTimePick,
      ),
    );
  }

  // Fall back to default component implementations
  switch (component.type) {
    // Basic
    case 'textfield':
      return TextFieldComponent(component: component, value: value, onChanged: onChanged);
    case 'textarea':
      return TextAreaComponent(component: component, value: value, onChanged: onChanged);
    case 'number':
      return NumberComponent(component: component, value: value, onChanged: onChanged);
    case 'password':
      return PasswordComponent(component: component, value: value, onChanged: onChanged);
    case 'email':
      return EmailComponent(component: component, value: value, onChanged: onChanged);
    case 'url':
      return UrlComponent(component: component, value: value, onChanged: onChanged);
    case 'phoneNumber':
      return PhoneNumberComponent(component: component, value: value, onChanged: onChanged);
    case 'checkbox':
      return CheckboxComponent(component: component, value: value == true, onChanged: onChanged);
    case 'radio':
      return RadioComponent(component: component, value: value, onChanged: onChanged);
    case 'select':
      return SelectComponent(
        component: component,
        value: value,
        onChanged: onChanged,
        formData: formData,
      );
    case 'selectboxes':
      return SelectBoxesComponent(component: component, value: value is Map<String, bool> ? value : <String, bool>{}, onChanged: onChanged);
    case 'button':
      return ButtonComponent(component: component, onPressed: () {}, isDisabled: false);

    // Advanced
    case 'date':
      return DateComponent(
        component: component,
        value: value is String ? value : null,
        onChanged: (val) => onChanged(val),
        onDatePick: onDatePick,
        onTimePick: onTimePick,
      );
    case 'datetime':
      return DateTimeComponent(
        component: component,
        value: value is String ? value : (value is DateTime ? value.toIso8601String() : null),
        onChanged: (val) => onChanged(val),
        onDatePick: onDatePick,
        onTimePick: onTimePick,
      );
    case 'day':
      return DayComponent(component: component, value: value, onChanged: onChanged, formData: formData);
    case 'time':
      return TimeComponent(component: component, value: value, onChanged: onChanged);
    case 'currency':
      return CurrencyComponent(component: component, value: value, onChanged: onChanged);
    case 'address':
      return AddressComponent(component: component, value: value is Map<String, dynamic> ? value : {}, onChanged: onChanged);
    case 'tags':
      return TagsComponent(component: component, value: value, onChanged: onChanged);
    case 'survey':
      return SurveyComponent(component: component, value: value is Map<String, String> ? value : <String, String>{}, onChanged: onChanged);
    case 'signature':
      return SignatureComponent(component: component, value: value, onChanged: onChanged);

    // Data Components
    case 'hidden':
      return HiddenComponent(component: component, value: value, onChanged: onChanged);
    case 'datasource':
      return DataSourceComponent(
        component: component,
        value: value,
        onChanged: onChanged,
        formData: formData,
      );
    case 'container':
      return ContainerComponent(
        component: component,
        value: value is Map<String, dynamic> ? value : {},
        onChanged: (val) => onChanged(val),
        formData: formData,
        onFilePick: onFilePick,
        onDatePick: onDatePick,
        onTimePick: onTimePick,
      );
    case 'datamap':
      return DataMapComponent(component: component, value: value is Map<String, String> ? value : {}, onChanged: onChanged);
    case 'datagrid':
      return DataGridComponent(
        component: component,
        value: value is List ? List<Map<String, dynamic>>.from(value) : [],
        onChanged: (val) => onChanged(val),
        formData: formData,
        onFilePick: onFilePick,
        onDatePick: onDatePick,
        onTimePick: onTimePick,
      );
    case 'editgrid':
      return EditGridComponent(
        component: component,
        value: value is List ? List<Map<String, dynamic>>.from(value) : [],
        onChanged: (val) => onChanged(val),
        formData: formData,
        onFilePick: onFilePick,
        onDatePick: onDatePick,
        onTimePick: onTimePick,
      );
    case 'dynamicwizard':
      return DynamicWizardComponent(
        component: component,
        value: value is List ? List<Map<String, dynamic>>.from(value) : [],
        onChanged: (val) => onChanged(val),
        formData: formData,
        onFilePick: onFilePick,
        onDatePick: onDatePick,
        onTimePick: onTimePick,
      );

    // Layout
    case 'panel':
      return PanelComponent(
        component: component,
        value: value is Map<String, dynamic> ? value : {},
        onChanged: (val) => onChanged(val),
        formData: formData,
        onFilePick: onFilePick,
        onDatePick: onDatePick,
        onTimePick: onTimePick,
      );
    case 'columns':
      return ColumnsComponent(
        component: component,
        value: value is Map<String, dynamic> ? value : {},
        onChanged: (val) => onChanged(val),
        formData: formData,
        onFilePick: onFilePick,
        onDatePick: onDatePick,
        onTimePick: onTimePick,
      );
    case 'htmlelement':
      return HtmlElementComponent(component: component, formData: formData);
    case 'content':
      return ContentComponent(component: component, formData: formData);
    case 'alert':
      return AlertComponent(component: component, formData: formData);
    case 'fieldset':
      return FieldSetComponent(
        component: component,
        value: value is Map<String, dynamic> ? value : {},
        onChanged: (val) => onChanged(val),
        formData: formData,
        onFilePick: onFilePick,
        onDatePick: onDatePick,
        onTimePick: onTimePick,
      );
    case 'table':
      return TableComponent(
        component: component,
        value: value is Map<String, dynamic> ? value : {},
        onChanged: (val) => onChanged(val),
        formData: formData,
        onFilePick: onFilePick,
        onDatePick: onDatePick,
        onTimePick: onTimePick,
      );
    case 'tabs':
      return TabsComponent(
        component: component,
        value: value is Map<String, dynamic> ? value : {},
        onChanged: (val) => onChanged(val),
        formData: formData,
        onFilePick: onFilePick,
        onDatePick: onDatePick,
        onTimePick: onTimePick,
      );
    case 'well':
      return WellComponent(
        component: component,
        value: value is Map<String, dynamic> ? value : {},
        onChanged: (val) => onChanged(val),
        formData: formData,
        onFilePick: onFilePick,
        onDatePick: onDatePick,
        onTimePick: onTimePick,
      );

    // Premium Components
    case 'file':
      return FileComponent(
        component: component,
        value: value is List ? value.cast<FileData>() : <FileData>[],
        onChanged: (files) => onChanged(files),
        onFilePick: onFilePick,
      );
    case 'nestedform':
      return NestedFormComponent(component: component, value: value is Map<String, dynamic> ? value : {}, onChanged: onChanged);
    case 'form':
      return FormComponent(component: component, value: value is Map<String, dynamic> ? value : {}, onChanged: onChanged);
    case 'captcha':
      return CaptchaComponent(component: component, value: value, onChanged: onChanged);
    case 'tagpad':
      return TagpadComponent(component: component, value: value is List ? value.cast<String>() : null, onChanged: onChanged);
    case 'sketchpad':
      return SketchpadComponent(component: component, value: value as String?, onChanged: onChanged);
    case 'reviewpage':
      return ReviewPageComponent(component: component, value: value is Map<String, dynamic> ? value : null, onChanged: onChanged);
    case 'datatable':
      return DataTableComponent(component: component, value: value is List ? value.cast<Map<String, dynamic>>() : null, onChanged: onChanged);

    // Custom
    case 'custom':
      return CustomComponent(component: component, value: value, onChanged: onChanged);

    // Fallback
    default:
      return UnknownComponent(component: component);
  }
}