Browse Source

removed bottom border radius of MenuItemWidget when expanded

ashilkn 2 years ago
parent
commit
0e983806a5
3 changed files with 15 additions and 3 deletions
  1. 1 1
      ios/Podfile.lock
  2. 13 2
      lib/ui/components/menu_item_widget.dart
  3. 1 0
      lib/ui/settings/common_settings.dart

+ 1 - 1
ios/Podfile.lock

@@ -316,7 +316,7 @@ SPEC CHECKSUMS:
   FirebaseInstallations: 0a115432c4e223c5ab20b0dbbe4cbefa793a0e8e
   FirebaseMessaging: 732623518591384f61c287e3d8f65294beb7ffb3
   fk_user_agent: 1f47ec39291e8372b1d692b50084b0d54103c545
-  Flutter: f04841e97a9d0b0a8025694d0796dd46242b2854
+  Flutter: 50d75fe2f02b26cc09d224853bb45737f8b3214a
   flutter_email_sender: 02d7443217d8c41483223627972bfdc09f74276b
   flutter_image_compress: 5a5e9aee05b6553048b8df1c3bc456d0afaac433
   flutter_inappwebview: bfd58618f49dc62f2676de690fc6dcda1d6c3721

+ 13 - 2
lib/ui/components/menu_item_widget.dart

@@ -71,11 +71,22 @@ class _MenuItemWidgetState extends State<MenuItemWidget> {
 
   Widget menuItemWidget(BuildContext context) {
     final enteColorScheme = Theme.of(context).colorScheme.enteTheme.colorScheme;
-    return Container(
+    final borderRadius = Radius.circular(widget.borderRadius);
+    final isExpanded = widget.expandableController?.value;
+    final bottomBorderRadius = isExpanded != null && isExpanded
+        ? const Radius.circular(0)
+        : borderRadius;
+    return AnimatedContainer(
+      duration: const Duration(milliseconds: 200),
       width: double.infinity,
       padding: const EdgeInsets.symmetric(horizontal: 12),
       decoration: BoxDecoration(
-        borderRadius: BorderRadius.circular(widget.borderRadius),
+        borderRadius: BorderRadius.only(
+          topLeft: borderRadius,
+          topRight: borderRadius,
+          bottomLeft: bottomBorderRadius,
+          bottomRight: bottomBorderRadius,
+        ),
         color: widget.menuItemColor,
       ),
       child: Row(

+ 1 - 0
lib/ui/settings/common_settings.dart

@@ -10,5 +10,6 @@ ExpandableThemeData getExpandableTheme(BuildContext context) {
     useInkWell: false,
     tapBodyToCollapse: true,
     tapBodyToExpand: true,
+    animationDuration: Duration(milliseconds: 400),
   );
 }