--- title: Reanimated 2 Events | daily.dev description: A tutorial on Reanimated 2's event API for building interactive animations in React Native. Covers handling tap gestures with TapGestureHandler, continuous pan... canonical: https://daily.dev/posts/reanimated-2-events-er4qu51a0 twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Reanimated 2 Events | daily.dev og:description: A tutorial on Reanimated 2's event API for building interactive animations in React Native. Covers handling tap gestures with TapGestureHandler, continuous pan... og:url: https://daily.dev/posts/reanimated-2-events-er4qu51a0 og:image: https://api.daily.dev/og/posts/Er4qU51a0.png og:image:alt: Reanimated 2 Events og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Reanimated 2 Events **[Software Mansion](https://daily.dev/sources/swmansion)** · 7 min read · 0 upvotes · 0 comments ## Summary A tutorial on Reanimated 2's event API for building interactive animations in React Native. Covers handling tap gestures with TapGestureHandler, continuous pan gestures with PanGestureHandler, and using the context object to persist state between gesture callbacks. Demonstrates the useAnimatedGestureHandler hook with onStart, onActive, and onEnd worklets, and shows how to map gesture events to animated styles using useAnimatedStyle. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Similar posts on daily.dev - [How to Create Fluid Animations with React Native Reanimated v4](https://daily.dev/posts/how-to-create-fluid-animations-with-react-native-reanimated-v4-eydbvxf9p) · freeCodeCamp · 4 upvotes · 0 comments --- Tags: [#mobile](https://daily.dev/tags/mobile), [#react-native](https://daily.dev/tags/react-native) [View this post on daily.dev](https://daily.dev/posts/reanimated-2-events-er4qu51a0) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Reanimated 2 Events","url":"https://daily.dev/posts/reanimated-2-events-er4qu51a0","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/reanimated-2-events-er4qu51a0"},"datePublished":"2026-08-02T07:15:58.407Z","dateModified":"2026-08-02T07:42:15.265Z","description":"A tutorial on Reanimated 2's event API for building interactive animations in React Native. Covers handling tap gestures with TapGestureHandler, continuous pan...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/c9b36f0cfe7ab682819ce4f91eebfc95?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/c9b36f0cfe7ab682819ce4f91eebfc95?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Software Mansion","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Software Mansion","logo":"https://media.daily.dev/image/upload/s--sOx0vaVZ--/f_auto,q_auto/v1785654908/logos/swmansion?_a=BAMAMicg0","url":"https://daily.dev/sources/swmansion"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/reanimated-2-events-er4qu51a0","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"mobile,react-native","timeRequired":"PT7M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Software Mansion","item":"https://daily.dev/sources/swmansion"},{"@type":"ListItem","position":3,"name":"Reanimated 2 Events"}]} ```