In this tutorial we’ll learn how to handle the new feature of Reanimated 2: Layout Animations. In order 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: www.reanimate.dev
Learn more about React Native: www.reactiive.io
Support me on Patreon: / reactiive 🤓
Follow me on Twitter: / reactiive_
Source code: github.com/enzomanuelmangano/...
Layout Animations Docs: docs.swmansion.com/react-nati...
Great KZitem Content on Layout Animations:
- eveningkid: • Layout Animations - Re...
- 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
Негізгі бет The magic of Layout Animations in Reanimated (React Native)
Пікірлер: 58