fix/403 (#404)

Author: nank1ro

CHANGELOG.md

@@ -1,3 +1,7 @@
+## 0.28.2
+
+- **FIX**: `ShadDialog` and `ShadSheet` now use `SafeArea` to prevent the content from being cut off by the system UI.
+
 ## 0.28.1
 
 - **FIX**: Add `clearValueOnUnregister` to `ShadForm` (defaults to `false`) to prevent clearing a form field's value from the form state when the field is unregistered (aka disposed).

example/lib/pages/sheet.dart

@@ -54,10 +54,10 @@ class _SheetPageState extends State<SheetPage> {
               builder: (context) {
                 return ShadSheet(
                   draggable: draggable,
-                  constraints:
-                      side == ShadSheetSide.left || side == ShadSheetSide.right
-                          ? const BoxConstraints(maxWidth: 512)
-                          : null,
+                  constraints: side == ShadSheetSide.left ||
+                          side == ShadSheetSide.right
+                      ? const BoxConstraints(maxWidth: 512)
+                      : null,
                   title: const Text('Edit Profile'),
                   description: const Text(
                       "Make changes to your profile here. Click save when you're done"),

lib/src/components/dialog.dart

@@ -572,41 +572,44 @@ class ShadDialog extends StatelessWidget {
               border: effectiveBorder,
               boxShadow: effectiveShadows,
             ),
-            child: Stack(
-              children: [
-                Padding(
-                  padding: effectivePadding,
-                  child: Column(
-                    mainAxisSize: MainAxisSize.min,
-                    mainAxisAlignment: effectiveMainAxisAlignment,
-                    crossAxisAlignment: effectiveCrossAxisAlignment,
-                    children: [
-                      if (title != null)
-                        DefaultTextStyle(
-                          style: effectiveTitleStyle,
-                          textAlign: effectiveTitleTextAlign,
-                          child: title!,
-                        ),
-                      if (description != null)
-                        DefaultTextStyle(
-                          style: effectiveDescriptionStyle,
-                          textAlign: effectiveDescriptionTextAlign,
-                          child: description!,
-                        ),
-                      if (child != null)
-                        Flexible(
-                          child: DefaultTextStyle(
+            child: SafeArea(
+              child: Stack(
+                children: [
+                  Padding(
+                    padding: effectivePadding,
+                    child: Column(
+                      mainAxisSize: MainAxisSize.min,
+                      mainAxisAlignment: effectiveMainAxisAlignment,
+                      crossAxisAlignment: effectiveCrossAxisAlignment,
+                      children: [
+                        if (title != null)
+                          DefaultTextStyle(
+                            style: effectiveTitleStyle,
+                            textAlign: effectiveTitleTextAlign,
+                            child: title!,
+                          ),
+                        if (description != null)
+                          DefaultTextStyle(
                             style: effectiveDescriptionStyle,
-                            child: child!,
+                            textAlign: effectiveDescriptionTextAlign,
+                            child: description!,
+                          ),
+                        if (child != null)
+                          Flexible(
+                            child: DefaultTextStyle(
+                              style: effectiveDescriptionStyle,
+                              child: child!,
+                            ),
                           ),
-                        ),
-                      if (actions.isNotEmpty) effectiveActions,
-                    ].separatedBy(SizedBox(height: effectiveGap)),
+                        if (actions.isNotEmpty) effectiveActions,
+                      ].separatedBy(SizedBox(height: effectiveGap)),
+                    ),
                   ),
-                ),
-                if (effectiveCloseIcon != null)
-                  effectiveCloseIcon.positionedWith(effectiveCloseIconPosition),
-              ],
+                  if (effectiveCloseIcon != null)
+                    effectiveCloseIcon
+                        .positionedWith(effectiveCloseIconPosition),
+                ],
+              ),
             ),
           );
         },

pubspec.yaml

@@ -1,6 +1,6 @@
 name: shadcn_ui
 description: shadcn/ui ported in Flutter. Awesome UI components for Flutter, fully customizable.
-version: 0.28.1
+version: 0.28.2
 homepage: https://flutter-shadcn-ui.mariuti.com
 repository: https://github.com/nank1ro/flutter-shadcn-ui
 documentation: https://flutter-shadcn-ui.mariuti.com