Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Shake Animation in React Native (Reanimated)
Play lesson

Animate with Reanimated - Shake Animation in React Native (Reanimated)

5.0 (1)
25 learners

What you'll learn

This course includes

  • 12 hours of video
  • Certificate of completion
  • Access on mobile and TV

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

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere