--- title: Bridging Animated.Value and SharedValue in React Native description: Animated.Value (React Native's built-in Animated API) and SharedValue (Reanimated) are incompatible, making it impossible to use one library's values to drive... canonical: https://daily.dev/posts/bridging-animated-value-and-sharedvalue-in-react-native-ahe5lmru0 twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Bridging Animated.Value and SharedValue in React Native | daily.dev og:description: Animated.Value (React Native's built-in Animated API) and SharedValue (Reanimated) are incompatible, making it impossible to use one library's values to drive... og:url: https://daily.dev/posts/bridging-animated-value-and-sharedvalue-in-react-native-ahe5lmru0 og:image: https://api.daily.dev/og/posts/aHe5lMRu0.png og:image:alt: Bridging Animated.Value and SharedValue in React Native 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. # Bridging Animated.Value and SharedValue in React Native **[Callstack Blog](https://daily.dev/sources/callstack-blog)** · 6 min read · 0 upvotes · 0 comments ## Summary Animated.Value (React Native's built-in Animated API) and SharedValue (Reanimated) are incompatible, making it impossible to use one library's values to drive another library's components. Subscribing to changes via JS listeners is an option but causes jank when the JS thread is busy. A new library, react-native-animated-observer, solves this by dispatching native events from a Fabric UI component, allowing Animated.event and Reanimated's useEvent to consume the values entirely on the UI thread. The post details the implementation challenges: defining Codegen event types, dispatching events on Android (including the required 'top' prefix for useNativeDriver), and dispatching events on iOS using a deprecated RCTNotifyEventDispatcherObserversOfEvent_DEPRECATED notification to reach the native Animated driver. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Similar posts on daily.dev - [React Native solves some real problems](https://daily.dev/posts/react-native-solves-some-real-problems-bagnpeani) · Bytes by ui.dev · 2 upvotes · 0 comments --- Tags: [#react-native](https://daily.dev/tags/react-native) [View this post on daily.dev](https://daily.dev/posts/bridging-animated-value-and-sharedvalue-in-react-native-ahe5lmru0) ```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":"Bridging Animated.Value and SharedValue in React Native","url":"https://daily.dev/posts/bridging-animated-value-and-sharedvalue-in-react-native-ahe5lmru0","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/bridging-animated-value-and-sharedvalue-in-react-native-ahe5lmru0"},"datePublished":"2026-06-08T12:42:29.426Z","dateModified":"2026-08-24T07:10:24.190Z","description":"Animated.Value (React Native's built-in Animated API) and SharedValue (Reanimated) are incompatible, making it impossible to use one library's values to drive...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/f96d751132f9b61caf466795d8a27cd9?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/f96d751132f9b61caf466795d8a27cd9?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Callstack Blog","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":"Callstack Blog","logo":"https://media.daily.dev/image/upload/s--3qItoroi--/f_auto,q_auto/v1774179048/logos/callstack-blog?_a=BAMAMiWQ0","url":"https://daily.dev/sources/callstack-blog"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/bridging-animated-value-and-sharedvalue-in-react-native-ahe5lmru0","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"react-native","timeRequired":"PT6M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Callstack Blog","item":"https://daily.dev/sources/callstack-blog"},{"@type":"ListItem","position":3,"name":"Bridging Animated.Value and SharedValue in React Native"}]} ```