movie-web/native-app
1
0
Fork 0
mirror of https://github.com/movie-web/native-app.git synced 2025-09-13 14:43:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

remove navigation bars when in fullscreen

Browse Source
This commit is contained in:
Jorrin
2024-02-12 20:51:56 +01:00
parent 9a04824c02
commit 61cb948f3d
3 changed files with 22 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/expo/src/app/videoPlayer.tsx
View File

@@ -2,7 +2,9 @@ import type { AVPlaybackSource } from "expo-av";
import React, { useEffect, useState } from "react";
import { ActivityIndicator, StyleSheet, View } from "react-native";
import { ResizeMode, Video } from "expo-av";
import * as NavigationBar from "expo-navigation-bar";
import { useLocalSearchParams, useRouter } from "expo-router";
import * as StatusBar from "expo-status-bar";
import {
findHighestQuality,
@@ -90,6 +92,8 @@ const VideoPlayer: React.FC<VideoPlayerProps> = ({ data }) => {
return stream;
};
StatusBar.setStatusBarHidden(true);
await NavigationBar.setVisibilityAsync("hidden");
setIsLoading(true);
const stream = await fetchVideo();
@@ -133,6 +137,8 @@ const VideoPlayer: React.FC<VideoPlayerProps> = ({ data }) => {
return () => {
void dismissFullscreenPlayer();
StatusBar.setStatusBarHidden(false);
void NavigationBar.setVisibilityAsync("visible");
};
}, [data, dismissFullscreenPlayer, presentFullscreenPlayer, router]);