made expand more icon disappear upon expanding the menu item header

lib/ui/components/menu_item_widget.dart

@@ -1,7 +1,8 @@
+import 'package:expandable/expandable.dart';
 import 'package:flutter/material.dart';
 
 // trailing icon can be passed without size as default size set by flutter is what this component expects
-class MenuItemWidget extends StatelessWidget {
+class MenuItemWidget extends StatefulWidget {
   final Widget captionedTextWidget;
   final bool isHeaderOfExpansion;
   final IconData? leadingIcon;
@@ -13,6 +14,7 @@ class MenuItemWidget extends StatelessWidget {
   final Color? menuItemColor;
   final bool alignCaptionedTextToLeft;
   final double borderRadius;
+  final ExpandableController? expandableController;
   const MenuItemWidget({
     required this.captionedTextWidget,
     required this.isHeaderOfExpansion,
@@ -25,16 +27,40 @@ class MenuItemWidget extends StatelessWidget {
     this.menuItemColor,
     this.alignCaptionedTextToLeft = false,
     this.borderRadius = 4.0,
+    this.expandableController,
     Key? key,
   }) : super(key: key);
 
+  @override
+  State<MenuItemWidget> createState() => _MenuItemWidgetState();
+}
+
+class _MenuItemWidgetState extends State<MenuItemWidget> {
+  @override
+  void initState() {
+    if (widget.expandableController != null) {
+      widget.expandableController!.addListener(() {
+        setState(() {});
+      });
+    }
+    super.initState();
+  }
+
+  @override
+  void dispose() {
+    if (widget.expandableController != null) {
+      widget.expandableController!.dispose();
+    }
+    super.dispose();
+  }
+
   @override
   Widget build(BuildContext context) {
-    return isHeaderOfExpansion
+    return widget.isHeaderOfExpansion
         ? menuItemWidget(context)
         : GestureDetector(
             onTap: () {
-              onTap;
+              widget.onTap;
             },
             child: menuItemWidget(context),
           );
@@ -45,36 +71,44 @@ class MenuItemWidget extends StatelessWidget {
       width: double.infinity,
       padding: const EdgeInsets.symmetric(horizontal: 12),
       decoration: BoxDecoration(
-        borderRadius: BorderRadius.circular(borderRadius),
-        color: menuItemColor,
+        borderRadius: BorderRadius.circular(widget.borderRadius),
+        color: widget.menuItemColor,
       ),
       child: Row(
         mainAxisAlignment: MainAxisAlignment.spaceBetween,
         children: [
-          alignCaptionedTextToLeft && leadingIcon == null
+          widget.alignCaptionedTextToLeft && widget.leadingIcon == null
               ? const SizedBox.shrink()
               : Padding(
                   padding: const EdgeInsets.only(right: 10),
                   child: SizedBox(
                     height: 20,
                     width: 20,
-                    child: leadingIcon == null
+                    child: widget.leadingIcon == null
                         ? const SizedBox.shrink()
                         : FittedBox(
                             fit: BoxFit.contain,
                             child: Icon(
-                              leadingIcon,
-                              color: leadingIconColor,
+                              widget.leadingIcon,
+                              color: widget.leadingIconColor,
                             ),
                           ),
                   ),
                 ),
-          captionedTextWidget,
-          trailingIcon != null
-              ? Icon(trailingIcon)
-              : trailingSwitch ?? const SizedBox.shrink(),
+          widget.captionedTextWidget,
+          widget.expandableController != null
+              ? _isExpanded()
+                  ? const SizedBox.shrink()
+                  : Icon(widget.trailingIcon)
+              : widget.trailingIcon != null
+                  ? Icon(widget.trailingIcon)
+                  : widget.trailingSwitch ?? const SizedBox.shrink(),
         ],
       ),
     );
   }
+
+  bool _isExpanded() {
+    return widget.expandableController!.value;
+  }
 }