chore: add shadow in top bottomsheet

AhmedAmineZr · AhmedAmineZr · commit 3cffad478162 · 2026-04-28T15:35:01.000+01:00
diff --git a/app/lib/l10n/gen/ouds_flutter_app_localizations_ar.dart b/app/lib/l10n/gen/ouds_flutter_app_localizations_ar.dart
@@ -270,7 +270,7 @@ class AppLocalizationsAr extends AppLocalizations {
 
   @override
   String get app_components_bottomSheet_description_text =>
-      'تعرض الأوراق السفلية محتوى ثانوياً مثبتاً في أسفل الشاشة.';
+      'تعرض Bottom Sheet محتوى ثانوياً مثبتاً في أسفل الشاشة.';
 
   @override
   String get app_components_bottomSheet_sheetContent_text =>
@@ -331,7 +331,7 @@ class AppLocalizationsAr extends AppLocalizations {
 
   @override
   String get app_components_bottomSheet_modalBottomSheet_showButton_label =>
-      'إظهار الورقة السفلية';
+      'Show bottom sheet';
 
   @override
   String get app_components_bottomSheet_modalBottomSheet_close_label => 'إغلاق';
diff --git a/app/lib/l10n/gen/ouds_flutter_app_localizations_fr.dart b/app/lib/l10n/gen/ouds_flutter_app_localizations_fr.dart
@@ -333,7 +333,7 @@ class AppLocalizationsFr extends AppLocalizations {
 
   @override
   String get app_components_bottomSheet_modalBottomSheet_showButton_label =>
-      'Afficher la bottom sheet';
+      'Show bottom sheet';
 
   @override
   String get app_components_bottomSheet_modalBottomSheet_close_label =>
diff --git a/app/lib/l10n/ouds_flutter_ar.arb b/app/lib/l10n/ouds_flutter_ar.arb
@@ -60,12 +60,11 @@
 
 
   "@_components_bottom_sheet": {},
-  "app_components_bottomSheet_description_text": "تعرض الأوراق السفلية محتوى ثانوياً مثبتاً في أسفل الشاشة.",
+  "app_components_bottomSheet_description_text": "تعرض Bottom Sheet محتوى ثانوياً مثبتاً في أسفل الشاشة.",
   "app_components_bottomSheet_sheetContent_text": "محتوى الـ Bottom Sheet.\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Donec bibendum erat vel lectus bibendum ultricies. Fusce non vestibulum nibh, sed fermentum purus. Quisque at dui ipsum. Sed maximus nibh vel vestibulum aliquam. Donec porta quam blandit elit ultrices, eget rhoncus mauris faucibus. Duis a elit sit amet tellus aliquam pellentesque. Sed in felis quis ex lacinia suscipit. Vestibulum vel tempus ante, sit amet viverra sem. Proin venenatis urna sit amet tristique consequat. Phasellus ultricies odio non risus vulputate, vel pulvinar sapien pretium. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin suscipit purus augue, aliquet finibus libero malesuada eu. Nulla non magna mi.",
   "app_components_bottomSheet_standardBottomSheet_description_text": "تتعايش الـ Bottom Sheet القياسية مع محتوى الشاشة الرئيسية، مما يتيح التفاعل مع الاثنين في نفس الوقت.",
   "app_components_bottomSheet_standardBottomSheet_collapse_label": "طي",
   "app_components_bottomSheet_modalBottomSheet_description_text": "تعرض الـ Bottom Sheet النموذجية محتوى يحجب مؤقتاً التفاعل مع الشاشة الرئيسية.",
-  "app_components_bottomSheet_modalBottomSheet_showButton_label": "إظهار الورقة السفلية",
   "app_components_bottomSheet_modalBottomSheet_close_label": "إغلاق",
 
   "@_components_button": {},
diff --git a/app/lib/l10n/ouds_flutter_fr.arb b/app/lib/l10n/ouds_flutter_fr.arb
@@ -60,7 +60,6 @@
   "app_components_bottomSheet_standardBottomSheet_description_text": "Les bottom sheets standards coexistent avec le contenu de l'écran principal, permettant aux utilisateurs d'interagir simultanément avec les deux.",
   "app_components_bottomSheet_standardBottomSheet_collapse_label": "Replier",
   "app_components_bottomSheet_modalBottomSheet_description_text": "La bottom sheet modale affiche un contenu qui bloque temporairement toute interaction avec l'écran principal.",
-  "app_components_bottomSheet_modalBottomSheet_showButton_label": "Afficher la bottom sheet",
   "app_components_bottomSheet_modalBottomSheet_close_label": "Fermer",
 
   "@_components_button": {},
diff --git a/ouds_core/lib/components/bottom_sheet/ouds_bottom_sheet_scaffold.dart b/ouds_core/lib/components/bottom_sheet/ouds_bottom_sheet_scaffold.dart
@@ -257,25 +257,49 @@ class OudsBottomSheetScaffoldState extends State<OudsBottomSheetScaffold>
                           }
                         }
                       : null,
-                  child: Material(
-                    color: bottomSheetTheme.backgroundColor,
-                    elevation: bottomSheetTheme.elevation ?? 0,
-                    shadowColor: bottomSheetTheme.shadowColor,
-                    shape: bottomSheetTheme.shape,
-                    clipBehavior: bottomSheetTheme.clipBehavior ?? Clip.none,
-                    child: SizedBox(
-                      height: _currentHeight,
-                      child: DefaultTextStyle(
-                        style: TextStyle(color: contentColor),
-                        child: IconTheme(
-                          data: IconThemeData(color: contentColor),
-                          child: Column(
-                            mainAxisSize: MainAxisSize.min,
-                            children: [
-                              if (widget.sheetDragHandle)
-                                OudsBottomSheetDefaults.dragHandle(context),
-                              Flexible(child: widget.sheetContent(context)),
-                            ],
+                  // Wrap with Container for top shadow, matching Android's
+                  // sheetShadowElevation = OudsTheme.elevations.emphasized.
+                  child: Container(
+                    decoration: BoxDecoration(
+                      borderRadius:
+                          (bottomSheetTheme.shape as RoundedRectangleBorder?)
+                              ?.borderRadius,
+                      boxShadow: [
+                        BoxShadow(
+                          color: theme
+                              .colorScheme(context)
+                              .alwaysBlack
+                              .withAlpha((0.30 * 255).round()),
+                          // Negative Y offset to cast shadow upward, since
+                          // the sheet is anchored at the bottom of the screen.
+                          offset: Offset(
+                            0,
+                            -theme.elevationTokens.emphasized / 2,
+                          ),
+                          blurRadius: theme.elevationTokens.emphasized,
+                          spreadRadius: 0,
+                        ),
+                      ],
+                    ),
+                    child: Material(
+                      color: bottomSheetTheme.backgroundColor,
+                      elevation: 0,
+                      shape: bottomSheetTheme.shape,
+                      clipBehavior: bottomSheetTheme.clipBehavior ?? Clip.none,
+                      child: SizedBox(
+                        height: _currentHeight,
+                        child: DefaultTextStyle(
+                          style: TextStyle(color: contentColor),
+                          child: IconTheme(
+                            data: IconThemeData(color: contentColor),
+                            child: Column(
+                              mainAxisSize: MainAxisSize.min,
+                              children: [
+                                if (widget.sheetDragHandle)
+                                  OudsBottomSheetDefaults.dragHandle(context),
+                                Flexible(child: widget.sheetContent(context)),
+                              ],
+                            ),
                           ),
                         ),
                       ),
diff --git a/ouds_core/lib/l10n/gen/ouds_localizations_ar.dart b/ouds_core/lib/l10n/gen/ouds_localizations_ar.dart
@@ -33,7 +33,7 @@ class OudsLocalizationsAr extends OudsLocalizations {
   String get core_button_icon_only_a11y => 'أيقونة';
 
   @override
-  String get core_bottom_sheets_label_a11y => 'النافذة السفلية';
+  String get core_bottom_sheets_label_a11y => 'Bottom Sheet';
 
   @override
   String get core_bottom_sheets_expanded_a11y => 'مفتوحة';
diff --git a/ouds_core/lib/l10n/ouds_flutter_ar.arb b/ouds_core/lib/l10n/ouds_flutter_ar.arb
@@ -11,7 +11,7 @@
     "core_button_icon_only_a11y": "أيقونة",
 
     "@_OUDS_BOTTOM_SHEETS": {},
-    "core_bottom_sheets_label_a11y": "النافذة السفلية",
+    "core_bottom_sheets_label_a11y": "Bottom Sheet",
     "core_bottom_sheets_expanded_a11y": "مفتوحة",
     "core_bottom_sheets_collapsed_a11y": "مطوية",
     "core_bottomSheet_dragHandle_a11y": "مقبض السحب",
