Introduction to Animated API (React Native)

Reactiive
Reactiive
26,972
12
Published 2021-12-31
What's up mobile devs? In this tutorial we’ll learn how to recreate from scratch the first animation that I did on this channel but... this time we're going to use the React Native Animated APIs!

My React Native animations course: www.reanimate.dev/

Learn more about React Native: www.reactiive.io/

Support me on Patreon: www.patreon.com/reactiive 🤓
Follow me on Twitter: twitter.com/reactiive_

Source code: github.com/enzomanuelmangano/intro-to-animated

Where's actually "Introduction to Reanimated 2" ?
Here's the answer:    • Introduction to React Native Reanimat...  

The main concepts we'll explore are:
- Animated Values
- Timing, Spring, Repeat Animations
- useNativeDriver

Chapters:
00:00 Introduction
01:00 Setup
01:53 Timing animations
04:24 useNativeDriver
06:54 Spring Animations
08:30 Interpolate
12:14 Sequence and Parallel
13:50 Loo
All Comments (21)
  • @gajananmehta7215
    Your all videos are amazing i learn so much new things, keep making such amazing animation videos👍
  • @Veluc1f3r
    Great tutorial! Thank you! Animated namespace is starting to make sense! How would you approach animating between background colors?
  • @voldemore6300
    Great video!! Keep producing videos for beginner😊
  • @aliinceoglu6076
    I am really grateful for your tutorials. Thank you! What theme are you using? It looks great :)
  • @mma-dost
    Great thanks keep making more animation videos and react native tutorials .🙏🙏✅✅🚀🚀
  • @xyunsx
    thanks sir 🌹 i have a probleme with inverted flatlist im trying to make chat so when i use flatlist to display messages it works fine but when i invert the flatlist since theessages are from down to up the flatlist lagging in android device i did nkt find any solution every thing is fine every child have a key ... i hope you can help me , thanks again ❤