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

fix: control touch events on iOS

Browse Source
This commit is contained in:
Adrian Castro
2024-02-14 11:46:14 +01:00
parent a4f4f6822d
commit a2b70eee3a
2 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,6 +1,7 @@
import { View } from "react-native";
import { TouchableWithoutFeedback, View } from "react-native";
import type { HeaderData } from "./Header";
import { usePlayerStore } from "~/stores/player/store";
import { BottomControls } from "./BottomControls";
import { Header } from "./Header";
import { MiddleControls } from "./MiddleControls";
@@ -10,11 +11,19 @@ interface ControlsOverlayProps {
}
export const ControlsOverlay = ({ headerData }: ControlsOverlayProps) => {
const idle = usePlayerStore((state) => state.interface.isIdle);
const setIsIdle = usePlayerStore((state) => state.setIsIdle);
const handleTouch = () => {
setIsIdle(!idle);
};
return (
<View className="absolute left-0 top-0 flex h-full w-full flex-1">
<Header data={headerData} />
<MiddleControls />
<BottomControls />
</View>
<TouchableWithoutFeedback onPress={handleTouch}>
<View className="absolute left-0 top-0 flex h-full w-full flex-1">
<Header data={headerData} />
<MiddleControls />
<BottomControls />
</View>
</TouchableWithoutFeedback>
);
};