fix: full screen issue for youtube videos played in tutorials (#1321)

* Fixed full screen issue for youtube videos played in tutorials Added gitignore files for developers who use fvm * fixed youtube full screen issue in multiple_choice_view --------- Co-authored-by: priya7401 <[email protected]>
freeCodeCamp · Jan 30, 2025 · 4f619b2 · 4f619b2
1 parent 172ce99
commit 4f619b2
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 0 deletions.
diff --git a/mobile-app/.gitignore b/mobile-app/.gitignore
@@ -0,0 +1,4 @@
+
+# FVM Version Cache
+.fvm/
+.fvmrc
diff --git a/mobile-app/lib/ui/views/learn/challenge/templates/multiple_choice/multiple_choice_view.dart b/mobile-app/lib/ui/views/learn/challenge/templates/multiple_choice/multiple_choice_view.dart
@@ -43,6 +43,23 @@ class MultipleChoiceView extends StatelessWidget {
           ),
         );
 
+        controller.setFullScreenListener(
+          (_) async {
+            final videoData = await controller.videoData;
+            final startSeconds = await controller.currentTime;
+
+            final currentTime = await FullscreenYoutubePlayer.launch(
+              context,
+              videoId: videoData.videoId,
+              startSeconds: startSeconds,
+            );
+
+            if (currentTime != null) {
+              controller.seekTo(seconds: currentTime);
+            }
+          },
+        );
+
         int numberOfDialogueHeaders = block.challenges
             .where((challenge) => challenge.title.contains('Dialogue'))
             .length;

diff --git a/mobile-app/lib/ui/views/learn/challenge/templates/python/python_view.dart b/mobile-app/lib/ui/views/learn/challenge/templates/python/python_view.dart
@@ -40,6 +40,23 @@ class PythonView extends StatelessWidget {
           ),
         );
 
+        controller.setFullScreenListener(
+          (_) async {
+            final videoData = await controller.videoData;
+            final startSeconds = await controller.currentTime;
+
+            final currentTime = await FullscreenYoutubePlayer.launch(
+              context,
+              videoId: videoData.videoId,
+              startSeconds: startSeconds,
+            );
+
+            if (currentTime != null) {
+              controller.seekTo(seconds: currentTime);
+            }
+          },
+        );
+
         return PopScope(
           canPop: true,
           onPopInvokedWithResult: (bool didPop, dynamic result) {