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

feat: detect pan gesture direction and adjust values accordingly

Browse Source
This commit is contained in:
Adrian Castro
2024-02-14 22:38:18 +01:00
parent e72be7af6c
commit 3e4a6cc3b2
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/expo/src/app/videoPlayer/index.tsx
View File

@@ -108,15 +108,19 @@ const VideoPlayer: React.FC<VideoPlayerProps> = ({ data }) => {
const dragIsInHeaderOrFooter = event.y < 100 || event.y > 400; const dragIsInHeaderOrFooter = event.y < 100 || event.y > 400;
if (dragIsInHeaderOrFooter) return; if (dragIsInHeaderOrFooter) return;
const directionMultiplier = event.velocityY < 0 ? 1 : -1;
if (event.x > screenHalfWidth) { if (event.x > screenHalfWidth) {
const change = -event.translationY / divisor; const change =
directionMultiplier * Math.abs(event.velocityY / divisor);
const newVolume = Math.max( const newVolume = Math.max(
0, 0,
Math.min(1, currentVolume.value + change), Math.min(1, currentVolume.value + change),
); );
runOnJS(handleVolumeChange)(newVolume); runOnJS(handleVolumeChange)(newVolume);
} else { } else {
const change = -event.translationY / divisor; const change =
directionMultiplier * Math.abs(event.velocityY / divisor);
const newBrightness = Math.max( const newBrightness = Math.max(
0, 0,
Math.min(1, brightness.value + change), Math.min(1, brightness.value + change),