add adaptive_scaffold

2024-05-24 09:42:02 +05:30
parent fb6253d2d1
commit 1631df70e9
295 changed files with 2540 additions and 44480 deletions
@@ -0,0 +1,17 @@
+import 'package:auto_route/auto_route.dart';
+import 'package:flutter/material.dart';
+
+class ImAdaptiveRoutePrimaryAppBar extends StatelessWidget
+    implements PreferredSizeWidget {
+  const ImAdaptiveRoutePrimaryAppBar({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return AppBar(
+      leading: BackButton(onPressed: () => context.router.root.maybePop()),
+    );
+  }
+
+  @override
+  Size get preferredSize => const Size.fromHeight(kToolbarHeight);
+}
@@ -0,0 +1,20 @@
+import 'package:auto_route/auto_route.dart';
+import 'package:flutter/material.dart';
+import 'package:immich_mobile/utils/extensions/build_context.extension.dart';
+
+class ImAdaptiveRouteSecondaryAppBar extends StatelessWidget
+    implements PreferredSizeWidget {
+  const ImAdaptiveRouteSecondaryAppBar({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return AppBar(
+      leading: context.isTablet
+          ? CloseButton(onPressed: () => context.maybePop())
+          : BackButton(onPressed: () => context.maybePop()),
+    );
+  }
+
+  @override
+  Size get preferredSize => const Size.fromHeight(kToolbarHeight);
+}
@@ -0,0 +1,37 @@
+import 'package:auto_route/auto_route.dart';
+import 'package:flutter/material.dart';
+import 'package:immich_mobile/presentation/components/scaffold/adaptive_scaffold_body.widget.dart';
+import 'package:immich_mobile/utils/extensions/build_context.extension.dart';
+
+class ImAdaptiveRouteWrapper extends StatelessWidget {
+  const ImAdaptiveRouteWrapper({
+    super.key,
+    required this.primaryRoute,
+    required this.primaryBody,
+    this.bodyRatio,
+  });
+
+  /// Builder to build the primary body
+  final Widget Function(BuildContext?) primaryBody;
+
+  /// Primary route name to not render it twice in landscape
+  final String primaryRoute;
+
+  /// Ratio of primaryBody:secondaryBody
+  final double? bodyRatio;
+
+  @override
+  Widget build(BuildContext context) {
+    return AutoRouter(builder: (ctx, child) {
+      if (ctx.isTablet) {
+        return ImAdaptiveScaffoldBody(
+          primaryBody: primaryBody,
+          secondaryBody:
+              ctx.topRoute.name != primaryRoute ? (_) => child : null,
+          bodyRatio: bodyRatio,
+        );
+      }
+      return ImAdaptiveScaffoldBody(primaryBody: (_) => child);
+    });
+  }
+}
@@ -0,0 +1,47 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_adaptive_scaffold/flutter_adaptive_scaffold.dart';
+
+class ImAdaptiveScaffoldBody extends StatelessWidget {
+  const ImAdaptiveScaffoldBody({
+    super.key,
+    required this.primaryBody,
+    this.secondaryBody,
+    this.bodyRatio,
+  });
+
+  /// Builder to build the primary body
+  final Widget Function(BuildContext?) primaryBody;
+
+  /// Builder to build the secondary body
+  final Widget Function(BuildContext?)? secondaryBody;
+
+  /// Ratio of primaryBody:secondaryBody
+  final double? bodyRatio;
+
+  @override
+  Widget build(BuildContext context) {
+    return AdaptiveLayout(
+      internalAnimations: false,
+      transitionDuration: const Duration(milliseconds: 300),
+      bodyRatio: bodyRatio,
+      body: SlotLayout(
+        config: {
+          Breakpoints.standard: SlotLayout.from(
+            key: const Key('ImAdaptiveScaffold Body Standard'),
+            builder: primaryBody,
+          ),
+        },
+      ),
+      secondaryBody: SlotLayout(
+        config: {
+          /// No secondary body in mobile layouts
+          Breakpoints.small: SlotLayoutConfig.empty(),
+          Breakpoints.mediumAndUp: SlotLayout.from(
+            key: const Key('ImAdaptiveScaffold Secondary Body Medium'),
+            builder: secondaryBody,
+          ),
+        },
+      ),
+    );
+  }
+}