1×
Become a member
to unlock all features
Autoplay

    Create a Tap to Show Love React Native Animation

    react-nativeReact Native
    0.38.0
    reactReact
    ^15.4.0

    In this lesson we'll build a "tap to show love" animation. This technique is commonly used on many streaming sites to show the streamer they appreciate the content. When the screen is pressed an Animated.Value will be created. We will measure the screen dimensions with Dimensions so we can place our heart in a random location. Then we'll use Animated.timing to animate the heart upwards. Finally a series of interpolate will allow the heart to explode from nothing to full sized heart, wobble side to side, move upwards, and then fade out.