i want to animate my component from right to left and left to right:

const CardCashout: FC<CardCashoutProps> = ({ openCard }) => { const left = new Animated.Value(0); useEffect(() => { if (openCard) Animated.timing(left, { toValue: 0, duration: 5000, easing: Easing.inOut(Easing.ease), }).start(); else { Animated.timing(left, { toValue: 222, duration: 5000, easing: Easing.out(Easing.ease), }).start(); } }, [openCard]); return ( <Animated.View style={{ transform: [{ translateX: left }] }}> <Text>CardCashout</Text> </Animated.View> );
};

when opencard is false, going to right is animating but when i try to toggle it when opecard is true, there's no animation happening?

Sorted by: Reset to default

Know someone who can answer? Share a link to this question via email, Twitter, or Facebook.

Your Answer

Sign up or log in

Sign up using Google Sign up using Facebook Sign up using Email and Password Submit

Post as a guest

Post Your Answer Discard

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy