[timetable] fade in wallpaper when the app was resumed after long tim…

…e on the background
plum-tech · Sep 23, 2024 · db56afe · db56afe
1 parent 7a451dc
commit db56afe
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 5 deletions.
diff --git a/lib/app.dart b/lib/app.dart
@@ -242,6 +242,12 @@ class _PostServiceRunnerState extends ConsumerState<_PostServiceRunner> {
     super.dispose();
   }
 
+  @override
+  void didChangeDependencies() {
+    precacheTimetableBackground();
+    super.didChangeDependencies();
+  }
+
   Future<void> onResume() async {
     await precacheTimetableBackground();
   }

diff --git a/lib/timetable/widget/timetable/background.dart b/lib/timetable/widget/timetable/background.dart
@@ -50,23 +50,49 @@ class _TimetableBackgroundImpl extends StatefulWidget {
 
 class _TimetableBackgroundImplState extends State<_TimetableBackgroundImpl> with SingleTickerProviderStateMixin {
   late final AnimationController $opacity;
+  late final AppLifecycleListener _listener;
+
+  DateTime? lastHiddenTime;
 
   @override
   void initState() {
     super.initState();
     $opacity = AnimationController(vsync: this, value: widget.fade ? 0.0 : widget.background.opacity);
+    _listener = AppLifecycleListener(
+      onHide: () {
+        lastHiddenTime = DateTime.now();
+      },
+      onShow: () {
+        final now = DateTime.now();
+        if (now.difference(lastHiddenTime ?? now).inSeconds > 15) {
+          if (widget.fade) {
+            $opacity.value = 0;
+          }
+        }
+      },
+      onResume: () {
+        if (widget.fade) {
+          animateOpacity();
+        }
+      },
+    );
     if (widget.fade) {
-      $opacity.animateTo(
-        widget.background.opacity,
-        duration: widget.fadeDuration,
-        curve: Curves.easeInOut,
-      );
+      animateOpacity();
     }
   }
 
+  void animateOpacity() {
+    $opacity.animateTo(
+      widget.background.opacity,
+      duration: widget.fadeDuration,
+      curve: Curves.easeInOut,
+    );
+  }
+
   @override
   void dispose() {
     $opacity.dispose();
+    _listener.dispose();
     super.dispose();
   }