Bladeren bron

Add support for disabled state

Neeraj Gupta 2 jaren geleden
bovenliggende
commit
dbe5747104
1 gewijzigde bestanden met toevoegingen van 13 en 5 verwijderingen
  1. 13 5
      lib/ui/components/blur_menu_item_widget.dart

+ 13 - 5
lib/ui/components/blur_menu_item_widget.dart

@@ -22,9 +22,12 @@ class BlurMenuItemWidget extends StatefulWidget {
 
 
 class _BlurMenuItemWidgetState extends State<BlurMenuItemWidget> {
 class _BlurMenuItemWidgetState extends State<BlurMenuItemWidget> {
   Color? menuItemColor;
   Color? menuItemColor;
+  late bool isDisabled;
+
   @override
   @override
   void initState() {
   void initState() {
     menuItemColor = widget.menuItemColor;
     menuItemColor = widget.menuItemColor;
+    isDisabled = widget.onTap == null;
     super.initState();
     super.initState();
   }
   }
 
 
@@ -44,7 +47,7 @@ class _BlurMenuItemWidgetState extends State<BlurMenuItemWidget> {
       onTapCancel: _onCancel,
       onTapCancel: _onCancel,
       child: AnimatedContainer(
       child: AnimatedContainer(
         duration: const Duration(milliseconds: 20),
         duration: const Duration(milliseconds: 20),
-        color: menuItemColor,
+        color: isDisabled ? colorScheme.fillFaint : menuItemColor,
         padding: const EdgeInsets.only(left: 16, right: 12),
         padding: const EdgeInsets.only(left: 16, right: 12),
         child: Padding(
         child: Padding(
           padding: const EdgeInsets.symmetric(vertical: 14),
           padding: const EdgeInsets.symmetric(vertical: 14),
@@ -56,7 +59,9 @@ class _BlurMenuItemWidgetState extends State<BlurMenuItemWidget> {
                       child: Icon(
                       child: Icon(
                         widget.leadingIcon,
                         widget.leadingIcon,
                         size: 20,
                         size: 20,
-                        color: colorScheme.blurStrokeBase,
+                        color: isDisabled
+                            ? colorScheme.strokeMuted
+                            : colorScheme.blurStrokeBase,
                       ),
                       ),
                     )
                     )
                   : const SizedBox.shrink(),
                   : const SizedBox.shrink(),
@@ -71,9 +76,12 @@ class _BlurMenuItemWidgetState extends State<BlurMenuItemWidget> {
                                 widget.labelText!,
                                 widget.labelText!,
                                 overflow: TextOverflow.ellipsis,
                                 overflow: TextOverflow.ellipsis,
                                 maxLines: 1,
                                 maxLines: 1,
-                                style: getEnteTextTheme(context)
-                                    .bodyBold
-                                    .copyWith(color: colorScheme.blurTextBase),
+                                style:
+                                    getEnteTextTheme(context).bodyBold.copyWith(
+                                          color: isDisabled
+                                              ? colorScheme.textFaint
+                                              : colorScheme.blurTextBase,
+                                        ),
                               ),
                               ),
                             ),
                             ),
                           ],
                           ],