initial commit

lib/components/pop_up_widget.dart

@@ -0,0 +1,184 @@
+part of 'components.dart';
+
+class PopUpWidget<T> extends PopupRoute<T> {
+  PopUpWidget(this.widget);
+
+  final Widget widget;
+
+  @override
+  Color? get barrierColor => Colors.black54;
+
+  @override
+  bool get barrierDismissible => true;
+
+  @override
+  String? get barrierLabel => "exit";
+
+  @override
+  Widget buildPage(BuildContext context, Animation<double> animation,
+      Animation<double> secondaryAnimation) {
+    var height = MediaQuery.of(context).size.height * 0.9;
+    bool showPopUp = MediaQuery.of(context).size.width > 500;
+    Widget body = PopupIndicatorWidget(
+      child: Container(
+        decoration: showPopUp
+            ? const BoxDecoration(
+                borderRadius: BorderRadius.all(Radius.circular(12)),
+              )
+            : null,
+        clipBehavior: showPopUp ? Clip.antiAlias : Clip.none,
+        width: showPopUp ? 500 : double.infinity,
+        height: showPopUp ? height : double.infinity,
+        child: ClipRect(
+          child: Navigator(
+            onGenerateRoute: (settings) => MaterialPageRoute(
+              builder: (context) => widget,
+            ),
+          ),
+        ),
+      ),
+    );
+    if (App.isIOS) {
+      body = IOSBackGestureDetector(
+        enabledCallback: () => true,
+        gestureWidth: 20.0,
+        onStartPopGesture: () =>
+            IOSBackGestureController(controller!, navigator!),
+        child: body,
+      );
+    }
+    if (showPopUp) {
+      return MediaQuery.removePadding(
+        removeTop: true,
+        context: context,
+        child: Center(
+          child: body,
+        ),
+      );
+    }
+    return body;
+  }
+
+  @override
+  Duration get transitionDuration => const Duration(milliseconds: 350);
+
+  @override
+  Widget buildTransitions(BuildContext context, Animation<double> animation,
+      Animation<double> secondaryAnimation, Widget child) {
+    return FadeTransition(
+      opacity: animation.drive(
+        Tween(begin: 0.0, end: 1.0).chain(CurveTween(curve: Curves.ease)),
+      ),
+      child: child,
+    );
+  }
+}
+
+class PopupIndicatorWidget extends InheritedWidget {
+  const PopupIndicatorWidget({super.key, required super.child});
+
+  @override
+  bool updateShouldNotify(covariant InheritedWidget oldWidget) => false;
+
+  static PopupIndicatorWidget? maybeOf(BuildContext context) {
+    return context.dependOnInheritedWidgetOfExactType<PopupIndicatorWidget>();
+  }
+}
+
+Future<T> showPopUpWidget<T>(BuildContext context, Widget widget) async {
+  return await Navigator.of(context).push(PopUpWidget(widget));
+}
+
+class PopUpWidgetScaffold extends StatefulWidget {
+  const PopUpWidgetScaffold(
+      {required this.title, required this.body, this.tailing, super.key});
+
+  final Widget body;
+  final List<Widget>? tailing;
+  final String title;
+
+  @override
+  State<PopUpWidgetScaffold> createState() => _PopUpWidgetScaffoldState();
+}
+
+class _PopUpWidgetScaffoldState extends State<PopUpWidgetScaffold> {
+  bool top = true;
+
+  @override
+  Widget build(BuildContext context) {
+    return Material(
+      child: Column(
+        children: [
+          Container(
+            height: 56 + context.padding.top,
+            padding: EdgeInsets.only(top: context.padding.top),
+            width: double.infinity,
+            decoration: BoxDecoration(
+              color: top
+                  ? null
+                  : Theme.of(context).colorScheme.surfaceTint.withAlpha(20),
+            ),
+            child: Row(
+              children: [
+                const SizedBox(
+                  width: 8,
+                ),
+                Tooltip(
+                  message: "返回".tl,
+                  child: IconButton(
+                    icon: const Icon(Icons.arrow_back_sharp),
+                    onPressed: () => context.canPop()
+                        ? context.pop()
+                        : App.rootNavigatorKey.currentContext?.pop(),
+                  ),
+                ),
+                const SizedBox(
+                  width: 16,
+                ),
+                Text(
+                  widget.title,
+                  style: const TextStyle(
+                      fontSize: 22, fontWeight: FontWeight.w500),
+                ),
+                const Spacer(),
+                if (widget.tailing != null) ...widget.tailing!,
+                const SizedBox(width: 8),
+              ],
+            ),
+          ),
+          NotificationListener<ScrollNotification>(
+            onNotification: (notifications) {
+              if (notifications.metrics.pixels ==
+                      notifications.metrics.minScrollExtent &&
+                  !top) {
+                setState(() {
+                  top = true;
+                });
+              } else if (notifications.metrics.pixels !=
+                      notifications.metrics.minScrollExtent &&
+                  top) {
+                setState(() {
+                  top = false;
+                });
+              }
+              return false;
+            },
+            child: MediaQuery.removePadding(
+              removeTop: true,
+              context: context,
+              child: Expanded(child: widget.body),
+            ),
+          ),
+          SizedBox(
+            height: MediaQuery.of(context).viewInsets.bottom -
+                        0.05 * MediaQuery.of(context).size.height >
+                    0
+                ? MediaQuery.of(context).viewInsets.bottom -
+                    0.05 * MediaQuery.of(context).size.height
+                : 0,
+          )
+        ],
+      ),
+    );
+  }
+}