alteropen/streamyfin
1
0
Fork 0
mirror of https://github.com/streamyfin/streamyfin.git synced 2026-01-15 23:59:08 +00:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

fix enter animation

Browse Source
This commit is contained in:
herrrta
2025-01-06 20:51:48 -05:00
parent b637a0f7d2
commit cbe3b18226
1 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
components/jellyseerr/ParallaxSlideShow.tsx
View File

@@ -50,7 +50,6 @@ const ParallaxSlideShow = <T extends unknown>({
const insets = useSafeAreaInsets();
const [currentIndex, setCurrentIndex] = useState(0);
const [onEnd, setOnEnd] = useState<boolean>(true);
const fadeAnim = useRef(new Animated.Value(0)).current;
const enterAnimation = useCallback(
@@ -76,16 +75,22 @@ const ParallaxSlideShow = <T extends unknown>({
useEffect(() => {
if (images?.length) {
enterAnimation().start();
const intervalId = setInterval(() => {
exitAnimation().start((end) => {
if (end.finished)
setCurrentIndex((prevIndex) => (prevIndex + 1) % images?.length);
});
Animated.sequence([
enterAnimation(),
exitAnimation()
]).start(() => {
fadeAnim.setValue(0);
setCurrentIndex((prevIndex) => (prevIndex + 1) % images?.length);
})
}, BACKDROP_DURATION);
return () => clearInterval(intervalId);
return () => {
clearInterval(intervalId)
};
}
}, [images, enterAnimation, exitAnimation, setCurrentIndex, currentIndex]);
}, [fadeAnim, images, enterAnimation, exitAnimation, setCurrentIndex, currentIndex]);
return (
<View