Summary
Keywords
Full Transcript
This tutorial is about a Shake animation made with Reanimated. Building it will be extremely helpful also from a didactic perspective because we're going to discover one by one, the most interesting high-order functions from Reanimated, such as: withTiming, withSequence, withRepeat, and withSpring. Do you like React Native animations? My React Native animations course: https://reanimate.dev Shared 100+ Animations on Demos: https://reactiive.io/demos Twitter: https://twitter.com/reactiive_ Source code: https://github.com/enzomanuelmangano/animate-with-reanimated/tree/main/src/animations/20-shake-animation If you're new to Reanimated, have a look at my Animate with Reanimated series: https://youtu.be/yz9E10Dq8Bg?list=PLjHsmVtnAr9TWoMAh-3QMiP7bPUqPFuFZ Chapters: 00:00 Introduction 00:48 Setup the boilerplate 05:32 Define the shake animation 09:10 Add withSequence 10:31 Add withRepeat 12:30 Enhance the Timing Config 15:10 Add withSpring 16:23 The useAnimatedShake hook 18:02 Add the Counter logic 21:10 The error color animation
