The magic of Layout Animations in Reanimated (React Native)
In this tutorial, we’ll learn how to handle the new feature of Reanimated 2: Layout Animations. To do it we're going to create from scratch a reusable animated list with a staggered effect at the first render.
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/...
Layout Animations Docs: https://docs.swmansion.com/react-nati...
Great YouTube Content on Layout Animations:
eveningkid: • Layout Animations - React Native Reanimated
William Candillon: • Unboxing Expo SDK 44
Chapters:
00:00 Introduction
00:45 Setup the code boilerplate
11:05 Entering animation (FadeIn)
12:20 Exiting animation (FadeOut)
14:10 Fixing the Layout issue
15:15 The staggered effect