improved memory timeline

lib/widgets/memory_sheet.dart

@@ -7,10 +7,12 @@ import 'package:share_location/widgets/modal_sheet.dart';
 
 class MemorySheet extends StatefulWidget {
   final Memory memory;
+  final VoidCallback onMemoryDeleted;
 
   const MemorySheet({
     Key? key,
     required this.memory,
+    required this.onMemoryDeleted,
   }) : super(key: key);
 
   @override
@@ -18,7 +20,10 @@ class MemorySheet extends StatefulWidget {
 }
 
 class _MemorySheetState extends State<MemorySheet> with Loadable {
-  Future<void> deleteFile() => FileManager.deleteFile(widget.memory.location);
+  Future<void> deleteFile() async {
+    await FileManager.deleteFile(widget.memory.location);
+    widget.onMemoryDeleted();
+  }
 
   @override
   Widget build(BuildContext context) {

lib/widgets/memory_slide.dart

@@ -84,10 +84,12 @@ class _MemorySlideState extends State<MemorySlide>
 
   @override
   Widget build(BuildContext context) {
-    return Consumer<MemoryPack>(
+    return Consumer<TimelineOverlay>(
-      builder: (context, memoryPack, _) => Status(
+      builder: (_, timelineOverlay, __) => Consumer<MemoryPack>(
+        builder: (___, memoryPack, ____) => Status(
           controller: controller,
-        disabled: memoryPack.paused,
+          paused: memoryPack.paused,
+          hideProgressBar: !timelineOverlay.showOverlay,
           child: MemoryView(
             creationDate: widget.memory.creationDate,
             location: widget.memory.location,
@@ -117,6 +119,7 @@ class _MemorySlideState extends State<MemorySlide>
             },
           ),
         ),
+      ),
     );
   }
 }

lib/widgets/status.dart

@@ -7,12 +7,14 @@ const BAR_HEIGHT = 4.0;
 class Status extends StatefulWidget {
   final StatusController? controller;
   final Widget child;
-  final bool disabled;
+  final bool paused;
+  final bool hideProgressBar;
 
   const Status({
     Key? key,
     required this.child,
-    this.disabled = false,
+    this.paused = false,
+    this.hideProgressBar = false,
     this.controller,
   }) : super(key: key);
 
@@ -32,7 +34,7 @@ class _StatusState extends State<Status> with TickerProviderStateMixin {
       initializeAnimation();
     }
 
-    if (widget.disabled) {
+    if (widget.paused) {
       animationController?.stop();
     } else {
       animationController?.forward();
@@ -86,7 +88,7 @@ class _StatusState extends State<Status> with TickerProviderStateMixin {
             child: AnimatedOpacity(
               duration: const Duration(milliseconds: 500),
               curve: Curves.linearToEaseOut,
-              opacity: widget.disabled ? 0.0 : 1.0,
+              opacity: widget.hideProgressBar ? 0.0 : 1.0,
               child: (widget.controller == null)
                   ? ClipRRect(
                       borderRadius: BorderRadius.circular(HUGE_SPACE),

lib/widgets/timeline_page.dart

@@ -50,6 +50,15 @@ class _TimelinePageState extends State<TimelinePage> {
       }
     }, ['state']);
 
+    timelineOverlayController.addListener(() {
+      if (!mounted) {
+        return;
+      }
+
+      // Force update to ensure overlays are up-to-date.
+      setState(() {});
+    }, ['showOverlay']);
+
     memoryPack.addListener(() {
       if (!mounted) {
         return;
@@ -102,6 +111,7 @@ class _TimelinePageState extends State<TimelinePage> {
           isScrollControlled: true,
           builder: (_) => MemorySheet(
             memory: memoryPack.currentMemory,
+            onMemoryDeleted: widget.onMemoryRemoved,
           ),
         );
 
@@ -109,17 +119,16 @@ class _TimelinePageState extends State<TimelinePage> {
           return;
         }
 
-        memoryPack.removeCurrentMemory();
         memoryPack.resume();
-
-        widget.onMemoryRemoved();
       },
       onTapDown: (_) {
         final memoryPack = context.read<MemoryPack>();
 
+        memoryPack.pause();
+
         overlayRemover = Timer(
-          const Duration(milliseconds: 200),
+          const Duration(milliseconds: 600),
-          memoryPack.pause,
+          timelineOverlayController.hideOverlay,
         );
       },
       onTapUp: (_) {
@@ -127,12 +136,14 @@ class _TimelinePageState extends State<TimelinePage> {
 
         overlayRemover?.cancel();
         memoryPack.resume();
+        timelineOverlayController.restoreOverlay();
       },
       onTapCancel: () {
         final memoryPack = context.read<MemoryPack>();
 
         overlayRemover?.cancel();
         memoryPack.resume();
+        timelineOverlayController.restoreOverlay();
       },
       onHorizontalDragEnd: (details) {
         final memoryPack = context.read<MemoryPack>();
@@ -155,11 +166,11 @@ class _TimelinePageState extends State<TimelinePage> {
       },
       child: ChangeNotifierProvider<TimelineOverlay>(
         create: (_) => timelineOverlayController,
-        child: Consumer<MemoryPack>(
+        child: Stack(
-          builder: (_, memoryPack, __) => Stack(
           fit: StackFit.expand,
           children: <Widget>[
-              PageView.builder(
+            Consumer<MemoryPack>(
+              builder: (_, memoryPack, __) => PageView.builder(
                 controller: pageController,
                 physics: const NeverScrollableScrollPhysics(),
                 scrollDirection: Axis.horizontal,
@@ -169,6 +180,7 @@ class _TimelinePageState extends State<TimelinePage> {
                 ),
                 itemCount: memoryPack.memories.length,
               ),
+            ),
             Padding(
               padding: const EdgeInsets.only(
                 top: LARGE_SPACE,
@@ -178,7 +190,7 @@ class _TimelinePageState extends State<TimelinePage> {
               child: AnimatedOpacity(
                 duration: const Duration(milliseconds: 500),
                 curve: Curves.linearToEaseOut,
-                  opacity: memoryPack.paused ? 0.0 : 1.0,
+                opacity: timelineOverlayController.showOverlay ? 1.0 : 0.0,
                 child: Text(
                   DateFormat('dd. MMMM yyyy').format(widget.date),
                   textAlign: TextAlign.center,
@@ -194,7 +206,7 @@ class _TimelinePageState extends State<TimelinePage> {
                 child: AnimatedOpacity(
                   duration: const Duration(milliseconds: 500),
                   curve: Curves.linearToEaseOut,
-                    opacity: memoryPack.paused ? 0.0 : 1.0,
+                  opacity: timelineOverlayController.showOverlay ? 1.0 : 0.0,
                   child: Consumer<MemoryPack>(
                     builder: (_, memoryPack, __) => Text(
                       '${memoryPack.currentMemoryIndex + 1}/${memoryPack.memories.length}',
@@ -207,7 +219,6 @@ class _TimelinePageState extends State<TimelinePage> {
           ],
         ),
       ),
-      ),
     );
   }
 }