set the off side margin to be the same as the wrapOffset when using the itemDecoration

Author: freemansoft

lib/src/fields/form_builder_checkbox_group.dart

@@ -25,7 +25,9 @@ class FormBuilderCheckboxGroup<T> extends FormBuilderFieldDecoration<List<T>> {
   final ControlAffinity controlAffinity;
   final OptionsOrientation orientation;
 
-  /// A decorator that is applied to each select item - ex: box the item
+  /// A BoxDecoration that is added to each item if provided
+  /// WrapSpacing is reused for the the padding inside the itemDecoration
+  /// on the side opposite from the control
   final BoxDecoration? itemDecoration;
 
   /// Creates a list of Checkboxes for selecting multiple options

lib/src/fields/form_builder_radio_group.dart

@@ -22,7 +22,9 @@ class FormBuilderRadioGroup<T> extends FormBuilderFieldDecoration<T> {
   final WrapAlignment wrapRunAlignment;
   final WrapCrossAlignment wrapCrossAxisAlignment;
 
-  /// A decorator that is applied to each select item - ex: box the item
+  /// A BoxDecoration that is added to each item if provided
+  /// WrapSpacing is reused for the the padding inside the itemDecoration
+  /// on the side opposite from the control
   final BoxDecoration? itemDecoration;
 
   /// Creates field to select one value from a list of Radio Widgets

lib/src/widgets/grouped_checkbox.dart

@@ -181,7 +181,9 @@ class GroupedCheckbox<T> extends StatelessWidget {
 
   final ControlAffinity controlAffinity;
 
-  /// will be added to each item if provided
+  /// A BoxDecoration that is added to each item if provided
+  /// WrapSpacing is reused for the the padding inside the itemDecoration
+  /// on the side opposite from the control
   final BoxDecoration? itemDecoration;
 
   const GroupedCheckbox({
@@ -304,6 +306,11 @@ class GroupedCheckbox<T> extends StatelessWidget {
 
     if (this.itemDecoration != null) {
       compositeItem = Container(
+        padding: EdgeInsets.only(
+            left:
+                controlAffinity == ControlAffinity.leading ? 0.0 : wrapSpacing,
+            right:
+                controlAffinity == ControlAffinity.leading ? wrapSpacing : 0.0),
         decoration: this.itemDecoration,
         child: compositeItem,
       );

lib/src/widgets/grouped_radio.dart

@@ -172,7 +172,9 @@ class GroupedRadio<T> extends StatefulWidget {
 
   final ControlAffinity controlAffinity;
 
-  /// will be added to each item if provided
+  /// A BoxDecoration that is added to each item if provided
+  /// WrapSpacing is reused for the the padding inside the itemDecoration
+  /// on the side opposite from the control
   final BoxDecoration? itemDecoration;
 
   const GroupedRadio({
@@ -297,6 +299,13 @@ class _GroupedRadioState<T> extends State<GroupedRadio<T?>> {
     if (widget.itemDecoration != null) {
       compositeItem = Container(
         decoration: widget.itemDecoration,
+        padding: EdgeInsets.only(
+            left: widget.controlAffinity == ControlAffinity.leading
+                ? 0.0
+                : widget.wrapSpacing,
+            right: widget.controlAffinity == ControlAffinity.leading
+                ? widget.wrapSpacing
+                : 0.0),
         child: compositeItem,
       );
     }