Heart-beat — pulsing heart effect.
Implementation:
1import { Animated } from "react-native";23function HeartBeatView({ children }) {4 const beatAnim = useRef(new Animated.Value(1)).current;56 useEffect(() => {7 Animated.loop(8 Animated.sequence([9 Animated.timing(beatAnim, {10 toValue: 1.3,11 duration: 200,12 useNativeDriver: true,13 }),14 Animated.timing(beatAnim, {15 toValue: 1,16 duration: 200,17 useNativeDriver: true,18 }),19 Animated.delay(500),20 ])21 ).start();22 }, []);2324 return (25 <Animated.View style={{ transform: [{ scale: beatAnim }] }}>26 {children}27 </Animated.View>28 );29}