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

feat: show controls while loading

Browse Source
This commit is contained in:
Adrian Castro
2024-02-20 16:10:01 +01:00
parent 6dab85f945
commit 45b924911c
2 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/expo/src/components/player/ControlsOverlay.tsx
View File

@@ -4,11 +4,11 @@ import { BottomControls } from "./BottomControls";
import { Header } from "./Header"; import { Header } from "./Header";
import { MiddleControls } from "./MiddleControls"; import { MiddleControls } from "./MiddleControls";
export const ControlsOverlay = () => { export const ControlsOverlay = ({ isLoading }: { isLoading: boolean }) => {
return ( return (
<View className="flex w-full flex-1 flex-col justify-between"> <View className="flex w-full flex-1 flex-col justify-between">
<Header /> <Header />
<MiddleControls /> {!isLoading && <MiddleControls />}
<BottomControls /> <BottomControls />
</View> </View>
); );

12
apps/expo/src/components/player/VideoPlayer.tsx
View File

@@ -193,8 +193,16 @@ export const VideoPlayer = () => {
]} ]}
onTouchStart={() => setIsIdle(!isIdle)} onTouchStart={() => setIsIdle(!isIdle)}
/> />
{isLoading && <ActivityIndicator size="large" color="#0000ff" />} <View className="flex-1 items-center justify-center">
{!isLoading && <ControlsOverlay />} {isLoading && (
<ActivityIndicator
size="large"
color="#0000ff"
className="absolute"
/>
)}
<ControlsOverlay isLoading={isLoading} />
</View>
{showVolumeOverlay && ( {showVolumeOverlay && (
<View className="absolute bottom-12 self-center rounded-xl bg-black p-3 opacity-50"> <View className="absolute bottom-12 self-center rounded-xl bg-black p-3 opacity-50">
<Text className="font-bold">Volume: {debouncedVolume}</Text> <Text className="font-bold">Volume: {debouncedVolume}</Text>