Init repo

2026-03-07 21:48:14 -08:00 · 2024-09-15 14:12:28 +02:00 · 2024-09-15 14:12:28 +02:00 · 764b6034e3
commit 764b6034e3
566 changed files with 212335 additions and 0 deletions
--- a/lib/widgets/shared/modal_bottom_sheet.dart
+++ b/lib/widgets/shared/modal_bottom_sheet.dart
@ -0,0 +1,101 @@
+import 'package:fladder/models/item_base_model.dart';
+import 'package:fladder/util/adaptive_layout.dart';
+import 'package:fladder/util/fladder_image.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+
+Future<void> showBottomSheetPill({
+  ItemBaseModel? item,
+  bool showPill = true,
+  Function()? onDismiss,
+  EdgeInsets padding = const EdgeInsets.all(16),
+  required BuildContext context,
+  required Widget Function(
+    BuildContext context,
+    ScrollController scrollController,
+  ) content,
+}) async {
+  await showModalBottomSheet(
+    isScrollControlled: true,
+    useRootNavigator: true,
+    showDragHandle: true,
+    enableDrag: true,
+    context: context,
+    constraints: AdaptiveLayout.of(context).layout == LayoutState.phone
+        ? BoxConstraints(maxHeight: MediaQuery.of(context).size.height * 0.9)
+        : BoxConstraints(
+            maxWidth: MediaQuery.of(context).size.width * 0.75, maxHeight: MediaQuery.of(context).size.height * 0.85),
+    builder: (context) {
+      final controller = ScrollController();
+      return ListView(
+        shrinkWrap: true,
+        controller: controller,
+        children: [
+          if (item != null) ...{
+            ItemBottomSheetPreview(item: item),
+            const Divider(),
+          },
+          content(context, controller),
+        ],
+      );
+    },
+  );
+  onDismiss?.call();
+}
+
+class ItemBottomSheetPreview extends ConsumerWidget {
+  final ItemBaseModel item;
+  const ItemBottomSheetPreview({required this.item, super.key});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    return Column(
+      children: [
+        Padding(
+          padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
+          child: Row(
+            children: [
+              Card(
+                child: SizedBox(
+                  height: 90,
+                  child: AspectRatio(
+                    aspectRatio: 1,
+                    child: FladderImage(
+                      image: item.images?.primary,
+                      fit: BoxFit.contain,
+                    ),
+                  ),
+                ),
+              ),
+              const SizedBox(width: 16),
+              Flexible(
+                child: Column(
+                  mainAxisSize: MainAxisSize.max,
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    Text(
+                      item.title,
+                      maxLines: 2,
+                      overflow: TextOverflow.ellipsis,
+                      style: Theme.of(context).textTheme.titleLarge,
+                    ),
+                    if (item.subText?.isNotEmpty ?? false)
+                      Opacity(
+                        opacity: 0.75,
+                        child: Text(
+                          item.subText!,
+                          overflow: TextOverflow.ellipsis,
+                          maxLines: 2,
+                          style: Theme.of(context).textTheme.titleMedium,
+                        ),
+                      ),
+                  ],
+                ),
+              ),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+}