我做了一些可重用的动画代码。它工作得很好，但我不确定是否有可能让动画回到原来的值后，一个按钮很容易按下。
我能想到的唯一方法是使用useShared Values来存储所有的前后值，并根据需要设置它们，但这将涉及很多值，但因为动画已经运行，必须有一种方法，只是把它们带回到原来的开始？
我用于动画的代码是：-
EntryAnimation.js

import React, { useEffect } from 'react';
import Animated, {
  useAnimatedStyle,
  useSharedValue,
  useDerivedValue,
  interpolate,
  withDelay,
  withTiming,
  withSpring,  
  Easing,
} from 'react-native-reanimated';

export const EntryAnimation = ({
  children,
  index,  
  rotateV, 
  scaleV,
  offsetXV, 
  offsetYX,
}) => { 
  const play = useSharedValue(play);
  const progress = useDerivedValue(() => {
    return play.value 
      ? withDelay(50 * (index ?? 0), withSpring(1, { duration: 350 }))  
      : 0; 
  });
  
  useEffect(() => { 
    play.value = play;
  }, []);

  const animatedStyle = useAnimatedStyle(() => {
    // const opacity = interpolate(progress.value, [0, 1], [0, 1]);
    const translateY = interpolate(progress.value, [0, 1], [0, offsetYX]);
    const translateX = interpolate(progress.value, [0, 1], [0, offsetXV]);
    const rotate = interpolate(progress.value, [0, 1], [0, rotateV]);
    const scale = interpolate(progress.value, [0, 1], [1, scaleV]);

    return {
      transform: [{ translateY }, { translateX }, { rotate }, { scale }],
    };
  });

  return <Animated.View style={animatedStyle}>{children}</Animated.View>;
};

字符串
为了在主代码中使用元素，我用途：

<EntryAnimation
                  index={1}
                  rotateV={0}
                  scaleV={0.8}
                  offsetXV={0}
                  offsetYX={-270}>
                  <Animated.Image
                    source={{ uri: item.poster }}
                    style={[styles.posterImage, { zIndex: 6 }]}
                  />
                </EntryAnimation>

型
我试过使用下面的代码，但因为它在三元语句中，我得到了错误？

{animStarted ? (
      <EntryAnimation
                      index={1}
                      rotateV={0}
                      scaleV={0.8}
                      offsetXV={0}
                      offsetYX={-270}
                      >
      ) : (
        <EntryAnimation
                      index={1}
                      rotateV={0}
                      scaleV={1}
                      offsetXV={0}
                      offsetYX={0}
                      >
      )}

型
有什么想法吗