Merge pull request #204 from vovaklhdella/fix/checkbox-listtile-touched

Mark ReactiveCheckboxListTile control as touched on value change

Author: vasilich6107

packages/reactive_checkbox_list_tile/lib/src/reactive_checkbox_list_tile.dart

@@ -58,43 +58,46 @@ class ReactiveCheckboxListTile<T> extends ReactiveFocusableFormField<T, bool> {
     ValueChanged<bool>? onFocusChange,
     String? checkboxSemanticLabel,
   }) : super(
-    builder: (field) {
-      return CheckboxListTile(
-        value: tristate ? field.value : field.value ?? false,
-        mouseCursor: mouseCursor,
-        fillColor: fillColor,
-        hoverColor: hoverColor,
-        overlayColor: overlayColor,
-        materialTapTargetSize: materialTapTargetSize,
-        splashRadius: splashRadius,
-        activeColor: activeColor,
-        checkColor: checkColor,
-        onFocusChange: onFocusChange,
-        isError: field.errorText != null,
-        title: title,
-        subtitle: subtitle,
-        isThreeLine: isThreeLine,
-        dense: dense,
-        secondary: secondary,
-        controlAffinity: controlAffinity,
-        autofocus: autofocus,
-        contentPadding: contentPadding,
-        tristate: tristate,
-        selectedTileColor: selectedTileColor,
-        tileColor: tileColor,
-        shape: shape,
-        selected: selected,
-        visualDensity: visualDensity,
-        focusNode: field.focusNode,
-        enableFeedback: enableFeedback,
-        checkboxShape: checkboxShape,
-        side: side,
-        enabled: field.control.enabled,
-        onChanged: field.control.enabled
-            ? field.didChange
-            : null,
-          checkboxSemanticLabel:checkboxSemanticLabel,
-      );
-    },
-  );
+          builder: (field) {
+            return CheckboxListTile(
+              value: tristate ? field.value : field.value ?? false,
+              mouseCursor: mouseCursor,
+              fillColor: fillColor,
+              hoverColor: hoverColor,
+              overlayColor: overlayColor,
+              materialTapTargetSize: materialTapTargetSize,
+              splashRadius: splashRadius,
+              activeColor: activeColor,
+              checkColor: checkColor,
+              onFocusChange: onFocusChange,
+              isError: field.errorText != null,
+              title: title,
+              subtitle: subtitle,
+              isThreeLine: isThreeLine,
+              dense: dense,
+              secondary: secondary,
+              controlAffinity: controlAffinity,
+              autofocus: autofocus,
+              contentPadding: contentPadding,
+              tristate: tristate,
+              selectedTileColor: selectedTileColor,
+              tileColor: tileColor,
+              shape: shape,
+              selected: selected,
+              visualDensity: visualDensity,
+              focusNode: field.focusNode,
+              enableFeedback: enableFeedback,
+              checkboxShape: checkboxShape,
+              side: side,
+              enabled: field.control.enabled,
+              onChanged: (value) => field.control.enabled
+                  ? () {
+                      field.didChange(value);
+                      field.control.markAsTouched();
+                    }
+                  : null,
+              checkboxSemanticLabel: checkboxSemanticLabel,
+            );
+          },
+        );
 }

packages/reactive_checkbox_list_tile/pubspec.yaml

@@ -1,6 +1,6 @@
 name: reactive_checkbox_list_tile
 description: Wrapper around CheckboxListTile to use with reactive_forms.
-version: 1.0.1
+version: 1.0.2
 repository: https://github.com/artflutter/reactive_forms_widgets/tree/master/packages/reactive_checkbox_list_tile
 issue_tracker: https://github.com/artflutter/reactive_forms_widgets/issues