Animated Stacked Cards - Exploring the interpolate function (React Native Reanimated)

In this tutorial, we're going to create from scratch a very simple yet powerful animation about Animated Stacked Cards. It will also be a perfect opportunity to dive deep into using the interpolate function from Reanimated.

Do you like React Native animations?
My React Native animations course: https://reanimate.dev
Shared 100+ Animations on Demos: https://reactiive.io/demos
Twitter:   / reactiive_  

Source code: https://github.com/enzomanuelmangano/...

Chapters:
00:00 Introduction
01:57 Setup the basic layout
06:27 Here's the plan
07:15 Recreating the Initial State
08:15 Recreating the Final State
11:50 One SharedValue, three UI changes
19:34 The interpolate function (finally)
23:23 The spring animation
24:08 Fixing the React hook rule
26:01 The Extrapolation Type