Merge pull request #45 from resucutie/resucutie/fix-video-playing-on-…

…wrong-routes

Fix video still playing whenever it is hidden under view

lib/components/video_view.dart

@@ -3,6 +3,7 @@ import 'dart:io';
 import 'package:chewie/chewie.dart';
 import 'package:flutter/material.dart';
 import 'package:video_player/video_player.dart';
+import 'package:visibility_detector/visibility_detector.dart';
 
 class VideoView extends StatefulWidget {
   const VideoView(this.path, {super.key, this.showControls = true, this.soundOnStart = true, this.playOnStart = true});
@@ -53,7 +54,19 @@ class VideoViewState extends State<VideoView> {
     Widget build(BuildContext context) {
         return AspectRatio(
             aspectRatio: _videoController.value.aspectRatio,
-            child: _isLoaded ? Chewie(controller: _chewieController,) : const SizedBox(height: 0,)
+            child: _isLoaded ? VisibilityDetector(
+                key: Key("unique key"),
+                onVisibilityChanged: (info) {
+                    debugPrint("${info.visibleFraction} of my widget is visible");
+                    if(info.visibleFraction == 0){
+                        _videoController.pause();
+                    }
+                    else{
+                        _videoController.play();
+                    }
+                },
+                child: Chewie(controller: _chewieController,)
+            ): const SizedBox(height: 0,)
         );
     }
 }

pubspec.lock

@@ -1323,6 +1323,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.3.3"
+  visibility_detector:
+    dependency: "direct main"
+    description:
+      name: visibility_detector
+      sha256: dd5cc11e13494f432d15939c3aa8ae76844c42b723398643ce9addb88a5ed420
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.4.0+2"
   vm_service:
     dependency: transitive
     description:

pubspec.yaml

@@ -80,6 +80,7 @@ dependencies:
   fvp: ^0.28.0
   video_player: ^2.9.2
   chewie: ^1.8.5
+  visibility_detector: ^0.4.0+2
   fc_native_video_thumbnail: ^0.16.1
 
 dev_dependencies: