kitten.sh
-28
.cache/fetch/docs.swmansion.com/react-native-reanimated_docs_category_reanimated-babel-plugin.html
-28
.cache/fetch/docs.swmansion.com/react-native-reanimated_docs_category_reanimated-babel-plugin.html
···-<html lang="en" dir="ltr" class="docs-wrapper plugin-docs plugin-id-default docs-version-3.x docs-doc-page" data-has-hydrated="false">-<title data-rh="true">Reanimated Babel plugin | React Native Reanimated</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:image" content="https://docs.swmansion.com/react-native-reanimated/img/og-image.png"><meta data-rh="true" name="twitter:image" content="https://docs.swmansion.com/react-native-reanimated/img/og-image.png"><meta data-rh="true" property="og:url" content="https://docs.swmansion.com/react-native-reanimated/docs/category/reanimated-babel-plugin"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="og:image:width" content="1200"><meta data-rh="true" name="og:image:height" content="630"><meta data-rh="true" name="docusaurus_version" content="3.x"><meta data-rh="true" name="docusaurus_tag" content="docs-default-3.x"><meta data-rh="true" name="docsearch:version" content="3.x"><meta data-rh="true" name="docsearch:docusaurus_tag" content="docs-default-3.x"><meta data-rh="true" property="og:title" content="Reanimated Babel plugin | React Native Reanimated"><link data-rh="true" rel="icon" href="/react-native-reanimated/img/favicon.ico"><link data-rh="true" rel="canonical" href="https://docs.swmansion.com/react-native-reanimated/docs/category/reanimated-babel-plugin"><link data-rh="true" rel="alternate" href="https://docs.swmansion.com/react-native-reanimated/docs/category/reanimated-babel-plugin" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.swmansion.com/react-native-reanimated/docs/category/reanimated-babel-plugin" hreflang="x-default"><link data-rh="true" rel="preconnect" href="https://CHLGM6BFRG-dsn.algolia.net" crossorigin="anonymous"><link rel="alternate" type="application/rss+xml" href="/react-native-reanimated/examples/rss.xml" title="React Native Reanimated RSS Feed">-<link rel="alternate" type="application/atom+xml" href="/react-native-reanimated/examples/atom.xml" title="React Native Reanimated Atom Feed">-<script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-RNYQG9GVFJ",{anonymize_ip:!0})</script>-<link rel="search" type="application/opensearchdescription+xml" title="React Native Reanimated" href="/react-native-reanimated/opensearch.xml">-<script src="/react-native-reanimated/js/snack-helpers.js" async></script><link rel="stylesheet" href="/react-native-reanimated/assets/css/styles.d5f936e9.css">-<script src="/react-native-reanimated/assets/js/runtime~main.6746fb88.js" defer="defer"></script>-<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const n=new URLSearchParams(window.location.search).entries();for(var[t,e]of n)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())</script><div id="__docusaurus"><script>!function(){try{let e="";const t=localStorage.getItem("mui-mode")||"system",o=localStorage.getItem("mui-color-scheme-dark")||"dark",c=localStorage.getItem("mui-color-scheme-light")||"light";if("system"===t){e=window.matchMedia("(prefers-color-scheme: dark)").matches?o:c}"light"===t&&(e=c),"dark"===t&&(e=o),e&&document.documentElement.setAttribute("data-color-scheme",e)}catch(e){}}()</script><div role="region" aria-label="Skip to main content"><a class="skipToContent_D8pK" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><div></div><nav aria-label="Main" class="navbar navbar--fixed-top _navbarHideable_2jugh_1"><div class="navbar__inner"><div class="navbar__items"><div class="_logoWrapper_ys6jl_23"><div class="_logoWrapper_u0hvy_55"><a href="/react-native-reanimated/"><div class="_navbar__logo_u0hvy_1"><img src="/react-native-reanimated/img/logo.svg" alt="React Native Reanimated" class="_themedImage_hipmx_1 themedComponent_mlkZ themedComponent--light_NVdE"><img src="/react-native-reanimated/img/logo-dark.svg" alt="React Native Reanimated" class="_themedImage_hipmx_1 themedComponent_mlkZ themedComponent--dark_xIcU"></div><div class="navbar__title text--truncate _navbar__title_u0hvy_39"><img src="/react-native-reanimated/img/title.svg" class="_themedImage_hipmx_1 themedComponent_mlkZ themedComponent--light_NVdE"><img src="/react-native-reanimated/img/title-dark.svg" class="_themedImage_hipmx_1 themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div></div><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/react-native-reanimated/docs/fundamentals/getting-started">Docs</a><a class="navbar__item navbar__link" href="/react-native-reanimated/examples/accordion">Examples</a><div class="_navbarSearchWrapper_1oj0n_1"><div class="_navbarSearch_1oj0n_1 _searchBox_1oeys_2"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search docs (Command+K)"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search docs</span></span><span class="DocSearch-Button-Keys"></span></button></div></div><div class="_toggle_1sfyd_1 _colorModeToggle_ys6jl_28"><button class="clean-btn _toggleButton_1sfyd_8" type="button" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><div class="_iconContainer_1sfyd_41 _lightToggleIcon_1sfyd_70"><svg viewBox="0 0 24 24" width="24" height="24"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg></div><div class="_iconContainer_1sfyd_41 _darkIconContainer_1sfyd_61 _darkToggleIcon_1sfyd_69"><svg viewBox="0 0 24 24" width="24" height="24"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></div></button></div></div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/react-native-reanimated/docs/fundamentals/getting-started">3.x</a><ul class="dropdown__menu"><li><a class="dropdown__link" href="/react-native-reanimated/docs/next/category/reanimated-babel-plugin">4.x</a></li><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/react-native-reanimated/docs/category/reanimated-babel-plugin">3.x</a></li><li><a class="dropdown__link" href="/react-native-reanimated/docs/2.x/">2.x</a></li><li><a class="dropdown__link" href="/react-native-reanimated/docs/1.x/">1.x</a></li></ul></div><a href="https://github.com/software-mansion/react-native-reanimated/" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link header-github" aria-label="GitHub repository"></a><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="docsWrapper_hBAB"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docRoot_UBD9"><aside class="theme-doc-sidebar-container docSidebarContainer_YfHR"><div class="sidebarViewport_aRkj"><div class="_sidebar_1ccyh_2 _sidebarWithHideableNavbar_1ccyh_12"><div class="_logoWrapper_u0hvy_55"><a href="/react-native-reanimated/"><div class="_sidebarLogo_1ccyh_21 _navbar__logo_u0hvy_1"><img src="/react-native-reanimated/img/logo.svg" alt="React Native Reanimated" class="_themedImage_hipmx_1 themedComponent_mlkZ themedComponent--light_NVdE"><img src="/react-native-reanimated/img/logo-dark.svg" alt="React Native Reanimated" class="_themedImage_hipmx_1 themedComponent_mlkZ themedComponent--dark_xIcU"></div><div class="_navbar__title_u0hvy_39"><img src="/react-native-reanimated/img/title.svg" class="_themedImage_hipmx_1 themedComponent_mlkZ themedComponent--light_NVdE"><img src="/react-native-reanimated/img/title-dark.svg" class="_themedImage_hipmx_1 themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><nav aria-label="Docs sidebar" class="menu thin-scrollbar _menu_14x8a_2 _menuWithAnnouncementBar_14x8a_14"><ul class="theme-doc-sidebar-menu menu__list"><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" href="/react-native-reanimated/docs/category/fundamentals">Fundamentals</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/fundamentals/getting-started">Getting started</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/fundamentals/your-first-animation">Your First Animation</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/fundamentals/animating-styles-and-props">Animating styles and props</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/fundamentals/customizing-animation">Customizing animations</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/fundamentals/applying-modifiers">Applying modifiers</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/fundamentals/handling-gestures">Handling gestures</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/fundamentals/glossary">Glossary of terms</a></li></div></ul></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" href="/react-native-reanimated/docs/category/animations">Animations</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/animations/withTiming">withTiming</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/animations/withSpring">withSpring</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/animations/withDecay">withDecay</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/animations/withSequence">withSequence</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/animations/withRepeat">withRepeat</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/animations/withDelay">withDelay</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/animations/withClamp">withClamp</a></li></div></ul></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" href="/react-native-reanimated/docs/category/core">Core</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/core/useSharedValue">useSharedValue</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/core/useAnimatedStyle">useAnimatedStyle</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/core/useAnimatedProps">useAnimatedProps</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/core/useAnimatedRef">useAnimatedRef</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/core/useDerivedValue">useDerivedValue</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/core/createAnimatedComponent">createAnimatedComponent</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/core/cancelAnimation">cancelAnimation</a></li></div></ul></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" href="/react-native-reanimated/docs/category/scroll">Scroll</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/scroll/scrollTo">scrollTo</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/scroll/useScrollViewOffset">useScrollViewOffset</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/scroll/useAnimatedScrollHandler">useAnimatedScrollHandler</a></li></div></ul></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" href="/react-native-reanimated/docs/category/device">Device</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/device/useAnimatedKeyboard">useAnimatedKeyboard</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/device/useAnimatedSensor">useAnimatedSensor</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/device/useReducedMotion">useReducedMotion</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/device/ReducedMotionConfig">ReducedMotionConfig</a></li></div></ul></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" href="/react-native-reanimated/docs/category/layout-animations">Layout Animations</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/layout-animations/entering-exiting-animations">Entering/Exiting animations</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/layout-animations/keyframe-animations">Keyframe animations</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/layout-animations/layout-transitions">Layout transitions</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/layout-animations/custom-animations">Custom animations</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/layout-animations/layout-animation-config">Skipping Layout Animations</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/layout-animations/list-layout-animations">List Layout Animations</a></li></div></ul></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" href="/react-native-reanimated/docs/category/shared-element-transitions">Shared Element Transitions</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/shared-element-transitions/overview">Overview</a></li><div class="_badge_1epvr_1 _experimental_1epvr_20">experimental</div></div></ul></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" href="/react-native-reanimated/docs/category/threading">Threading</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/threading/runOnJS">runOnJS</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/threading/runOnUI">runOnUI</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/threading/runOnRuntime">runOnRuntime</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/threading/createWorkletRuntime">createWorkletRuntime</a></li></div></ul></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" href="/react-native-reanimated/docs/category/utilities">Utilities</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/utilities/interpolate">interpolate</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/utilities/clamp">clamp</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/utilities/interpolateColor">interpolateColor</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/utilities/getRelativeCoords">getRelativeCoords</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/utilities/useAnimatedGestureHandler">useAnimatedGestureHandler</a></li></div></ul></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" href="/react-native-reanimated/docs/category/advanced-apis">Advanced APIs</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/advanced/measure">measure</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/advanced/useAnimatedReaction">useAnimatedReaction</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/advanced/useFrameCallback">useFrameCallback</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/advanced/useEvent">useEvent</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/advanced/useHandler">useHandler</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/advanced/useComposedEventHandler">useComposedEventHandler</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/advanced/dispatchCommand">dispatchCommand</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/advanced/setNativeProps">setNativeProps</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/advanced/makeMutable">makeMutable</a></li></div></ul></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" href="/react-native-reanimated/docs/category/debugging">Debugging</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/debugging/accurate-call-stacks">Accurate Call Stacks</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/debugging/logger-configuration">Logger configuration</a></li></div></ul></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" href="/react-native-reanimated/docs/category/guides">Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/guides/worklets">Worklets</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/guides/accessibility">Accessibility</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/guides/building-on-windows">Building for Android on Windows</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/guides/compatibility">Compatibility</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/guides/contributing">Contributing</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/guides/debugging">Debugging worklets</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/guides/migration-from-1.x">Migration from 1.x</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/guides/migration-from-2.x">Migration from 2.x</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/guides/testing">Testing with Jest</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/guides/troubleshooting">Troubleshooting</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/guides/web-support">Web Support</a></li></div></ul></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible menu__list-item-collapsible--active"><a class="menu__link menu__link--active" aria-current="page" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" href="/react-native-reanimated/docs/category/reanimated-babel-plugin">Reanimated Babel plugin</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/reanimated-babel-plugin/about">About</a></li></div><div class="_wrapper_19jsa_1"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" newitems="" experimentalitems="shared-element-transitions/overview" unreleaseditems="" tabindex="0" href="/react-native-reanimated/docs/reanimated-babel-plugin/plugin-options">Options</a></li></div></ul></li></div></ul></nav></div></div></aside><main class="docMainContainer_TBSr"><div class="container padding-top--md padding-bottom--lg"><div class="generatedIndexPage_vN6x"><span class="theme-doc-version-badge badge badge--secondary">Version: 3.x</span><header><h1 class="title_kItE">Reanimated Babel plugin</h1></header><article class="margin-top--lg"><section class="row list_eTzJ"><article class="col col--6 margin-bottom--lg"><a class="card padding--lg _cardContainer_x9vfu_1" href="/react-native-reanimated/docs/reanimated-babel-plugin/about"><div class="_cardIconWrapper_x9vfu_29"><img src="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2022%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.66699%2014.3335H13.667'%20stroke='%23001A72'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M5.66699%2019.6667H16.3337'%20stroke='%23001A72'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M20.3337%2025H1.66699V1H12.3337H13.667L20.3337%207.66667V9V25Z'%20stroke='%23001A72'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12.3335%201V6.33333C12.3335%207.66667%2013.6668%209%2015.0002%209C16.3335%209%2019.2224%209%2020.3335%209'%20stroke='%23001A72'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e" class="_themedImage_hipmx_1 _cardIcon_x9vfu_29 themedComponent_mlkZ themedComponent--light_NVdE"><img src="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2022%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.66699%2014.3335H13.667'%20stroke='%23EEF0FF'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M5.66699%2019.6667H16.3337'%20stroke='%23EEF0FF'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M20.3337%2025H1.66699V1H12.3337H13.667L20.3337%207.66667V9V25Z'%20stroke='%23EEF0FF'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12.3335%201V6.33333C12.3335%207.66667%2013.6668%209%2015.0002%209C16.3335%209%2019.2224%209%2020.3335%209'%20stroke='%23EEF0FF'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e" class="_themedImage_hipmx_1 _cardIcon_x9vfu_29 themedComponent_mlkZ themedComponent--dark_xIcU"></div><div class="_cardLabels_x9vfu_25"><h2 class="text--truncate _cardTitle_x9vfu_51" title="About">About</h2><p class="text--truncate _cardDescription_x9vfu_55" title="What is Reanimated Babel Plugin?">What is Reanimated Babel Plugin?</p></div></a></article><article class="col col--6 margin-bottom--lg"><a class="card padding--lg _cardContainer_x9vfu_1" href="/react-native-reanimated/docs/reanimated-babel-plugin/plugin-options"><div class="_cardIconWrapper_x9vfu_29"><img src="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2022%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.66699%2014.3335H13.667'%20stroke='%23001A72'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M5.66699%2019.6667H16.3337'%20stroke='%23001A72'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M20.3337%2025H1.66699V1H12.3337H13.667L20.3337%207.66667V9V25Z'%20stroke='%23001A72'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12.3335%201V6.33333C12.3335%207.66667%2013.6668%209%2015.0002%209C16.3335%209%2019.2224%209%2020.3335%209'%20stroke='%23001A72'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e" class="_themedImage_hipmx_1 _cardIcon_x9vfu_29 themedComponent_mlkZ themedComponent--light_NVdE"><img src="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2022%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.66699%2014.3335H13.667'%20stroke='%23EEF0FF'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M5.66699%2019.6667H16.3337'%20stroke='%23EEF0FF'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M20.3337%2025H1.66699V1H12.3337H13.667L20.3337%207.66667V9V25Z'%20stroke='%23EEF0FF'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12.3335%201V6.33333C12.3335%207.66667%2013.6668%209%2015.0002%209C16.3335%209%2019.2224%209%2020.3335%209'%20stroke='%23EEF0FF'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e" class="_themedImage_hipmx_1 _cardIcon_x9vfu_29 themedComponent_mlkZ themedComponent--dark_xIcU"></div><div class="_cardLabels_x9vfu_25"><h2 class="text--truncate _cardTitle_x9vfu_51" title="Options">Options</h2><p class="text--truncate _cardDescription_x9vfu_55" title="Our plugin offers several optional functionalities that you may need to employ advanced APIs:">Our plugin offers several optional functionalities that you may need to employ advanced APIs:</p></div></a></article></section></article><footer class="margin-top--lg"><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="_pagination_1dyly_1 pagination-nav__link pagination-nav__link--prev" href="/react-native-reanimated/docs/guides/web-support"><div class="_paginationSublabel_1dyly_20 _paginationPrevious_1dyly_29"><div class="_paginationArrow_1dyly_33"><img src="data:image/svg+xml,%3csvg%20width='13'%20height='10'%20viewBox='0%200%2013%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.68652%205H11.6865'%20stroke='%23001A72'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M5.68652%201L1.68652%205L5.68652%209'%20stroke='%23001A72'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e" class="_themedImage_hipmx_1 themedComponent_mlkZ themedComponent--light_NVdE"><img src="data:image/svg+xml,%3csvg%20width='13'%20height='10'%20viewBox='0%200%2013%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.68652%205H11.6865'%20stroke='%23C1C6E5'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M5.68652%201L1.68652%205L5.68652%209'%20stroke='%23C1C6E5'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e" class="_themedImage_hipmx_1 themedComponent_mlkZ themedComponent--dark_xIcU"></div><div class="pagination-nav__sublabel">Previous</div></div><div class="pagination-nav__label">Web Support</div></a><a class="_pagination_1dyly_1 pagination-nav__link pagination-nav__link--next" href="/react-native-reanimated/docs/reanimated-babel-plugin/about"><div class="_paginationSublabel_1dyly_20 _paginationNext_1dyly_25"><div class="_paginationArrow_1dyly_33"><img src="data:image/svg+xml,%3csvg%20width='13'%20height='10'%20viewBox='0%200%2013%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.6865%205H1.68652'%20stroke='%23001A72'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M7.68652%209L11.6865%205L7.68652%201'%20stroke='%23001A72'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e" class="_themedImage_hipmx_1 themedComponent_mlkZ themedComponent--light_NVdE"><img src="data:image/svg+xml,%3csvg%20width='13'%20height='10'%20viewBox='0%200%2013%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.6865%205H1.68652'%20stroke='%23C1C6E5'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M7.68652%209L11.6865%205L7.68652%201'%20stroke='%23C1C6E5'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e" class="_themedImage_hipmx_1 themedComponent_mlkZ themedComponent--dark_xIcU"></div><div class="pagination-nav__sublabel">Next</div></div><div class="pagination-nav__label">About</div></a></nav></footer></div></div></main></div></div></div><footer class="footer"><div class="container container-fluid"><div class="footer__bottom text--center"><div class="footer__copyright _footer_1mhqe_13"><a href="https://swmansion.com/" target="_blank"><div class="_footer__logo_1mhqe_52"><img src="data:image/svg+xml,%3csvg%20width='74'%20height='40'%20viewBox='0%200%2074%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_738_266)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11.9946%200.115234H12.3739H72.8476H73.7652L73.7631%201.03209L73.7025%2027.4563L73.7016%2027.8326L73.4361%2028.0993L62.1541%2039.4327L61.8857%2039.7023H61.505H1.03123H0.115723V38.7876V12.3633V11.9844L0.383869%2011.7165L11.7265%200.383161L11.9946%200.115234ZM12.7531%201.94475L3.24145%2011.4486H61.1257L70.6374%201.94475H12.7531ZM71.927%203.24346L62.4205%2012.7422V36.5707L71.8723%2027.0759L71.927%203.24346ZM1.94674%2037.8728V13.2781H60.5895V37.8728H1.94674Z'%20fill='%23001A72'/%3e%3cpath%20d='M16.6804%2028.1822C16.6804%2030.1822%2015.4066%2031.8792%2012.1919%2031.8792C10.7968%2031.8792%209.70498%2031.5762%208.67383%2031.1519V28.4247C9.70498%2028.9701%2010.9787%2029.2731%2012.1312%2029.2731C13.1624%2029.2731%2013.7083%2028.9701%2013.7083%2028.364C13.7083%2026.5459%208.67383%2027.0913%208.67383%2023.3337C8.67383%2021.0307%2010.5542%2019.5762%2013.1017%2019.5762C14.1935%2019.5762%2015.164%2019.8186%2016.1951%2020.4247V23.3337C14.8001%2022.4853%2013.8296%2022.1822%2013.041%2022.1822C12.0705%2022.1822%2011.5853%2022.5459%2011.5853%2023.0913C11.5853%2024.8489%2016.6804%2024.1822%2016.6804%2028.1822Z'%20fill='%23001A72'/%3e%3cpath%20d='M36.7575%2019.8789L32.9362%2031.6365H30.0248L27.4166%2023.5759L24.869%2031.6365H21.9575L18.1362%2019.8789H21.4116L23.5346%2027.7577L26.0215%2019.8789H28.933L31.4198%2027.7577L33.5428%2019.8789C33.5428%2019.8789%2036.7575%2019.8789%2036.7575%2019.8789Z'%20fill='%23001A72'/%3e%3cpath%20d='M55.0149%2023.8792V31.6368H52.1641V24.3641C52.1641%2023.0913%2051.2543%2022.3641%2050.2838%2022.3641C49.2526%2022.3641%2048.4034%2023.0913%2048.4034%2024.3641V31.6368H45.492V24.3641C45.492%2023.0913%2044.5821%2022.3641%2043.6116%2022.3641C42.5805%2022.3641%2041.7313%2023.0913%2041.7313%2024.3641V31.6368H38.8198V19.8792H41.5493V20.7277C42.3985%2019.8792%2043.3083%2019.5762%2044.4002%2019.5762C45.6133%2019.5762%2046.7051%2020.1216%2047.4329%2021.0913C48.4034%2020.061%2049.6165%2019.5762%2051.0116%2019.5762C53.3165%2019.6368%2055.0149%2021.3944%2055.0149%2023.8792Z'%20fill='%23001A72'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_738_266'%3e%3crect%20width='74'%20height='40'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e" class="_themedImage_hipmx_1 themedComponent_mlkZ themedComponent--light_NVdE"><img src="data:image/svg+xml,%3csvg%20width='74'%20height='40'%20viewBox='0%200%2074%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_738_215)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11.9946%200.115234H12.3739H72.8476H73.7652L73.7631%201.03209L73.7025%2027.4563L73.7016%2027.8326L73.4361%2028.0993L62.1541%2039.4327L61.8857%2039.7023H61.505H1.03123H0.115723V38.7876V12.3633V11.9844L0.383869%2011.7165L11.7265%200.383161L11.9946%200.115234ZM12.7531%201.94475L3.24145%2011.4486H61.1257L70.6374%201.94475H12.7531ZM71.927%203.24346L62.4205%2012.7422V36.5707L71.8723%2027.0759L71.927%203.24346ZM1.94674%2037.8728V13.2781H60.5895V37.8728H1.94674Z'%20fill='%23F8F9FF'/%3e%3cpath%20d='M16.6804%2028.1822C16.6804%2030.1822%2015.4066%2031.8792%2012.1919%2031.8792C10.7968%2031.8792%209.70498%2031.5762%208.67383%2031.1519V28.4247C9.70498%2028.9701%2010.9787%2029.2731%2012.1312%2029.2731C13.1624%2029.2731%2013.7083%2028.9701%2013.7083%2028.364C13.7083%2026.5459%208.67383%2027.0913%208.67383%2023.3337C8.67383%2021.0307%2010.5542%2019.5762%2013.1017%2019.5762C14.1935%2019.5762%2015.164%2019.8186%2016.1951%2020.4247V23.3337C14.8001%2022.4853%2013.8296%2022.1822%2013.041%2022.1822C12.0705%2022.1822%2011.5853%2022.5459%2011.5853%2023.0913C11.5853%2024.8489%2016.6804%2024.1822%2016.6804%2028.1822Z'%20fill='%23F8F9FF'/%3e%3cpath%20d='M36.7575%2019.8789L32.9362%2031.6365H30.0248L27.4166%2023.5759L24.869%2031.6365H21.9575L18.1362%2019.8789H21.4116L23.5346%2027.7577L26.0215%2019.8789H28.933L31.4198%2027.7577L33.5428%2019.8789C33.5428%2019.8789%2036.7575%2019.8789%2036.7575%2019.8789Z'%20fill='%23F8F9FF'/%3e%3cpath%20d='M55.0149%2023.8792V31.6368H52.1641V24.3641C52.1641%2023.0913%2051.2543%2022.3641%2050.2838%2022.3641C49.2526%2022.3641%2048.4034%2023.0913%2048.4034%2024.3641V31.6368H45.492V24.3641C45.492%2023.0913%2044.5821%2022.3641%2043.6116%2022.3641C42.5805%2022.3641%2041.7313%2023.0913%2041.7313%2024.3641V31.6368H38.8198V19.8792H41.5493V20.7277C42.3985%2019.8792%2043.3083%2019.5762%2044.4002%2019.5762C45.6133%2019.5762%2046.7051%2020.1216%2047.4329%2021.0913C48.4034%2020.061%2049.6165%2019.5762%2051.0116%2019.5762C53.3165%2019.6368%2055.0149%2021.3944%2055.0149%2023.8792Z'%20fill='%23F8F9FF'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_738_215'%3e%3crect%20width='74'%20height='40'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e" class="_themedImage_hipmx_1 themedComponent_mlkZ themedComponent--dark_xIcU"></div></a><p class=""><span class="_footer__brand_1mhqe_44">©<!-- --> <a href="https://swmansion.com/" target="_blank">Software Mansion</a> 2025<!-- -->.</span> All trademarks and copyrights belong to their respective owners.</p></div></div></div></footer><style data-emotion="css-global 14c5ejp">:root{--mui-spacing:8px;--mui-shape-borderRadius:4px;--mui-shadows-0:none;--mui-shadows-1:0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);--mui-shadows-2:0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);--mui-shadows-3:0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12);--mui-shadows-4:0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);--mui-shadows-5:0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12);--mui-shadows-6:0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);--mui-shadows-7:0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12);--mui-shadows-8:0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);--mui-shadows-9:0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12);--mui-shadows-10:0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12);--mui-shadows-11:0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12);--mui-shadows-12:0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12);--mui-shadows-13:0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12);--mui-shadows-14:0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12);--mui-shadows-15:0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12);--mui-shadows-16:0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12);--mui-shadows-17:0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12);--mui-shadows-18:0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12);--mui-shadows-19:0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12);--mui-shadows-20:0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12);--mui-shadows-21:0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12);--mui-shadows-22:0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12);--mui-shadows-23:0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12);--mui-shadows-24:0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12);--mui-zIndex-mobileStepper:1000;--mui-zIndex-fab:1050;--mui-zIndex-speedDial:1050;--mui-zIndex-appBar:1100;--mui-zIndex-drawer:1200;--mui-zIndex-modal:1300;--mui-zIndex-snackbar:1400;--mui-zIndex-tooltip:1500;--mui-font-h1:300 6rem/1.167 Aeonik,Arial;--mui-font-h2:300 3.75rem/1.2 Aeonik,Arial;--mui-font-h3:400 3rem/1.167 Aeonik,Arial;--mui-font-h4:400 2.125rem/1.235 Aeonik,Arial;--mui-font-h5:400 1.5rem/1.334 Aeonik,Arial;--mui-font-h6:500 1.25rem/1.6 Aeonik,Arial;--mui-font-subtitle1:400 1rem/1.75 Aeonik,Arial;--mui-font-subtitle2:500 0.875rem/1.57 Aeonik,Arial;--mui-font-body1:400 1rem/1.5 Aeonik,Arial;--mui-font-body2:400 0.875rem/1.43 Aeonik,Arial;--mui-font-button:500 0.875rem/1.75 Aeonik,Arial;--mui-font-caption:400 0.75rem/1.66 Aeonik,Arial;--mui-font-overline:400 0.75rem/2.66 Aeonik,Arial;--mui-font-inherit:inherit inherit/inherit inherit;}:root{-webkit-print-color-scheme:light;color-scheme:light;--mui-palette-text-secondary:#6676aa;--mui-palette-text-primary:rgba(0, 0, 0, 0.87);--mui-palette-text-disabled:rgba(0, 0, 0, 0.38);--mui-palette-text-primaryChannel:0 0 0;--mui-palette-text-secondaryChannel:102 118 170;--mui-palette-primary-main:#001a72;--mui-palette-primary-light:rgb(51, 71, 142);--mui-palette-primary-dark:rgb(0, 18, 79);--mui-palette-primary-contrastText:#fff;--mui-palette-primary-mainChannel:0 26 114;--mui-palette-primary-lightChannel:51 71 142;--mui-palette-primary-darkChannel:0 18 79;--mui-palette-primary-contrastTextChannel:255 255 255;--mui-palette-secondary-main:#782aeb;--mui-palette-secondary-light:rgb(147, 84, 239);--mui-palette-secondary-dark:rgb(84, 29, 164);--mui-palette-secondary-contrastText:#fff;--mui-palette-secondary-mainChannel:120 42 235;--mui-palette-secondary-lightChannel:147 84 239;--mui-palette-secondary-darkChannel:84 29 164;--mui-palette-secondary-contrastTextChannel:255 255 255;--mui-palette-background-default:#fcfcff;--mui-palette-background-paper:#f8f9ff;--mui-palette-background-defaultChannel:252 252 255;--mui-palette-background-paperChannel:248 249 255;--mui-palette-common-black:#000;--mui-palette-common-white:#fff;--mui-palette-common-background:#fff;--mui-palette-common-onBackground:#000;--mui-palette-common-backgroundChannel:255 255 255;--mui-palette-common-onBackgroundChannel:0 0 0;--mui-palette-error-main:#d32f2f;--mui-palette-error-light:#ef5350;--mui-palette-error-dark:#c62828;--mui-palette-error-contrastText:#fff;--mui-palette-error-mainChannel:211 47 47;--mui-palette-error-lightChannel:239 83 80;--mui-palette-error-darkChannel:198 40 40;--mui-palette-error-contrastTextChannel:255 255 255;--mui-palette-warning-main:#ed6c02;--mui-palette-warning-light:#ff9800;--mui-palette-warning-dark:#e65100;--mui-palette-warning-contrastText:#fff;--mui-palette-warning-mainChannel:237 108 2;--mui-palette-warning-lightChannel:255 152 0;--mui-palette-warning-darkChannel:230 81 0;--mui-palette-warning-contrastTextChannel:255 255 255;--mui-palette-info-main:#0288d1;--mui-palette-info-light:#03a9f4;--mui-palette-info-dark:#01579b;--mui-palette-info-contrastText:#fff;--mui-palette-info-mainChannel:2 136 209;--mui-palette-info-lightChannel:3 169 244;--mui-palette-info-darkChannel:1 87 155;--mui-palette-info-contrastTextChannel:255 255 255;--mui-palette-success-main:#2e7d32;--mui-palette-success-light:#4caf50;--mui-palette-success-dark:#1b5e20;--mui-palette-success-contrastText:#fff;--mui-palette-success-mainChannel:46 125 50;--mui-palette-success-lightChannel:76 175 80;--mui-palette-success-darkChannel:27 94 32;--mui-palette-success-contrastTextChannel:255 255 255;--mui-palette-grey-50:#fafafa;--mui-palette-grey-100:#f5f5f5;--mui-palette-grey-200:#eeeeee;--mui-palette-grey-300:#e0e0e0;--mui-palette-grey-400:#bdbdbd;--mui-palette-grey-500:#9e9e9e;--mui-palette-grey-600:#757575;--mui-palette-grey-700:#616161;--mui-palette-grey-800:#424242;--mui-palette-grey-900:#212121;--mui-palette-grey-A100:#f5f5f5;--mui-palette-grey-A200:#eeeeee;--mui-palette-grey-A400:#bdbdbd;--mui-palette-grey-A700:#616161;--mui-palette-divider:rgba(0, 0, 0, 0.12);--mui-palette-action-active:rgba(0, 0, 0, 0.54);--mui-palette-action-hover:rgba(0, 0, 0, 0.04);--mui-palette-action-hoverOpacity:0.04;--mui-palette-action-selected:rgba(0, 0, 0, 0.08);--mui-palette-action-selectedOpacity:0.08;--mui-palette-action-disabled:rgba(0, 0, 0, 0.26);--mui-palette-action-disabledBackground:rgba(0, 0, 0, 0.12);--mui-palette-action-disabledOpacity:0.38;--mui-palette-action-focus:rgba(0, 0, 0, 0.12);--mui-palette-action-focusOpacity:0.12;--mui-palette-action-activatedOpacity:0.12;--mui-palette-action-activeChannel:0 0 0;--mui-palette-action-selectedChannel:0 0 0;--mui-palette-Alert-errorColor:rgb(95, 33, 32);--mui-palette-Alert-infoColor:rgb(1, 67, 97);--mui-palette-Alert-successColor:rgb(30, 70, 32);--mui-palette-Alert-warningColor:rgb(102, 60, 0);--mui-palette-Alert-errorFilledBg:var(--mui-palette-error-main, #d32f2f);--mui-palette-Alert-infoFilledBg:var(--mui-palette-info-main, #0288d1);--mui-palette-Alert-successFilledBg:var(--mui-palette-success-main, #2e7d32);--mui-palette-Alert-warningFilledBg:var(--mui-palette-warning-main, #ed6c02);--mui-palette-Alert-errorFilledColor:#fff;--mui-palette-Alert-infoFilledColor:#fff;--mui-palette-Alert-successFilledColor:#fff;--mui-palette-Alert-warningFilledColor:#fff;--mui-palette-Alert-errorStandardBg:rgb(253, 237, 237);--mui-palette-Alert-infoStandardBg:rgb(229, 246, 253);--mui-palette-Alert-successStandardBg:rgb(237, 247, 237);--mui-palette-Alert-warningStandardBg:rgb(255, 244, 229);--mui-palette-Alert-errorIconColor:var(--mui-palette-error-main, #d32f2f);--mui-palette-Alert-infoIconColor:var(--mui-palette-info-main, #0288d1);--mui-palette-Alert-successIconColor:var(--mui-palette-success-main, #2e7d32);--mui-palette-Alert-warningIconColor:var(--mui-palette-warning-main, #ed6c02);--mui-palette-AppBar-defaultBg:var(--mui-palette-grey-100, #f5f5f5);--mui-palette-Avatar-defaultBg:var(--mui-palette-grey-400, #bdbdbd);--mui-palette-Button-inheritContainedBg:var(--mui-palette-grey-300, #e0e0e0);--mui-palette-Button-inheritContainedHoverBg:var(--mui-palette-grey-A100, #f5f5f5);--mui-palette-Chip-defaultBorder:var(--mui-palette-grey-400, #bdbdbd);--mui-palette-Chip-defaultAvatarColor:var(--mui-palette-grey-700, #616161);--mui-palette-Chip-defaultIconColor:var(--mui-palette-grey-700, #616161);--mui-palette-FilledInput-bg:rgba(0, 0, 0, 0.06);--mui-palette-FilledInput-hoverBg:rgba(0, 0, 0, 0.09);--mui-palette-FilledInput-disabledBg:rgba(0, 0, 0, 0.12);--mui-palette-LinearProgress-primaryBg:rgb(158, 167, 201);--mui-palette-LinearProgress-secondaryBg:rgb(203, 174, 247);--mui-palette-LinearProgress-errorBg:rgb(238, 175, 175);--mui-palette-LinearProgress-infoBg:rgb(158, 209, 237);--mui-palette-LinearProgress-successBg:rgb(175, 205, 177);--mui-palette-LinearProgress-warningBg:rgb(248, 199, 158);--mui-palette-Skeleton-bg:rgba(var(--mui-palette-text-primaryChannel, undefined) / 0.11);--mui-palette-Slider-primaryTrack:rgb(158, 167, 201);--mui-palette-Slider-secondaryTrack:rgb(203, 174, 247);--mui-palette-Slider-errorTrack:rgb(238, 175, 175);--mui-palette-Slider-infoTrack:rgb(158, 209, 237);--mui-palette-Slider-successTrack:rgb(175, 205, 177);--mui-palette-Slider-warningTrack:rgb(248, 199, 158);--mui-palette-SnackbarContent-bg:rgb(50, 50, 50);--mui-palette-SnackbarContent-color:#fff;--mui-palette-SpeedDialAction-fabHoverBg:rgb(210, 211, 216);--mui-palette-StepConnector-border:var(--mui-palette-grey-400, #bdbdbd);--mui-palette-StepContent-border:var(--mui-palette-grey-400, #bdbdbd);--mui-palette-Switch-defaultColor:var(--mui-palette-common-white, #fff);--mui-palette-Switch-defaultDisabledColor:var(--mui-palette-grey-100, #f5f5f5);--mui-palette-Switch-primaryDisabledColor:rgb(158, 167, 201);--mui-palette-Switch-secondaryDisabledColor:rgb(203, 174, 247);--mui-palette-Switch-errorDisabledColor:rgb(238, 175, 175);--mui-palette-Switch-infoDisabledColor:rgb(158, 209, 237);--mui-palette-Switch-successDisabledColor:rgb(175, 205, 177);--mui-palette-Switch-warningDisabledColor:rgb(248, 199, 158);--mui-palette-TableCell-border:rgba(224, 224, 224, 1);--mui-palette-Tooltip-bg:rgba(97, 97, 97, 0.92);--mui-palette-dividerChannel:0 0 0;--mui-opacity-inputPlaceholder:0.42;--mui-opacity-inputUnderline:0.42;--mui-opacity-switchTrackDisabled:0.12;--mui-opacity-switchTrack:0.38;}@media (prefers-color-scheme: dark){:root{-webkit-print-color-scheme:dark;color-scheme:dark;--mui-palette-common-black:#000;--mui-palette-common-white:#fff;--mui-palette-common-background:#000;--mui-palette-common-onBackground:#fff;--mui-palette-common-backgroundChannel:0 0 0;--mui-palette-common-onBackgroundChannel:255 255 255;--mui-palette-primary-main:#eef0ff;--mui-palette-primary-light:rgb(241, 243, 255);--mui-palette-primary-dark:rgb(166, 168, 178);--mui-palette-primary-contrastText:rgba(0, 0, 0, 0.87);--mui-palette-primary-mainChannel:238 240 255;--mui-palette-primary-lightChannel:241 243 255;--mui-palette-primary-darkChannel:166 168 178;--mui-palette-primary-contrastTextChannel:0 0 0;--mui-palette-secondary-main:#b58df1;--mui-palette-secondary-light:rgb(195, 163, 243);--mui-palette-secondary-dark:rgb(126, 98, 168);--mui-palette-secondary-contrastText:rgba(0, 0, 0, 0.87);--mui-palette-secondary-mainChannel:181 141 241;--mui-palette-secondary-lightChannel:195 163 243;--mui-palette-secondary-darkChannel:126 98 168;--mui-palette-secondary-contrastTextChannel:0 0 0;--mui-palette-error-main:#f44336;--mui-palette-error-light:#e57373;--mui-palette-error-dark:#d32f2f;--mui-palette-error-contrastText:#fff;--mui-palette-error-mainChannel:244 67 54;--mui-palette-error-lightChannel:229 115 115;--mui-palette-error-darkChannel:211 47 47;--mui-palette-error-contrastTextChannel:255 255 255;--mui-palette-warning-main:#ffa726;--mui-palette-warning-light:#ffb74d;--mui-palette-warning-dark:#f57c00;--mui-palette-warning-contrastText:rgba(0, 0, 0, 0.87);--mui-palette-warning-mainChannel:255 167 38;--mui-palette-warning-lightChannel:255 183 77;--mui-palette-warning-darkChannel:245 124 0;--mui-palette-warning-contrastTextChannel:0 0 0;--mui-palette-info-main:#29b6f6;--mui-palette-info-light:#4fc3f7;--mui-palette-info-dark:#0288d1;--mui-palette-info-contrastText:rgba(0, 0, 0, 0.87);--mui-palette-info-mainChannel:41 182 246;--mui-palette-info-lightChannel:79 195 247;--mui-palette-info-darkChannel:2 136 209;--mui-palette-info-contrastTextChannel:0 0 0;--mui-palette-success-main:#66bb6a;--mui-palette-success-light:#81c784;--mui-palette-success-dark:#388e3c;--mui-palette-success-contrastText:rgba(0, 0, 0, 0.87);--mui-palette-success-mainChannel:102 187 106;--mui-palette-success-lightChannel:129 199 132;--mui-palette-success-darkChannel:56 142 60;--mui-palette-success-contrastTextChannel:0 0 0;--mui-palette-grey-50:#fafafa;--mui-palette-grey-100:#f5f5f5;--mui-palette-grey-200:#eeeeee;--mui-palette-grey-300:#e0e0e0;--mui-palette-grey-400:#bdbdbd;--mui-palette-grey-500:#9e9e9e;--mui-palette-grey-600:#757575;--mui-palette-grey-700:#616161;--mui-palette-grey-800:#424242;--mui-palette-grey-900:#212121;--mui-palette-grey-A100:#f5f5f5;--mui-palette-grey-A200:#eeeeee;--mui-palette-grey-A400:#bdbdbd;--mui-palette-grey-A700:#616161;--mui-palette-text-primary:#fff;--mui-palette-text-secondary:#919fcf;--mui-palette-text-disabled:rgba(255, 255, 255, 0.5);--mui-palette-text-icon:rgba(255, 255, 255, 0.5);--mui-palette-text-primaryChannel:255 255 255;--mui-palette-text-secondaryChannel:145 159 207;--mui-palette-divider:rgba(255, 255, 255, 0.12);--mui-palette-background-paper:#272b3c;--mui-palette-background-default:#232736;--mui-palette-background-defaultChannel:35 39 54;--mui-palette-background-paperChannel:39 43 60;--mui-palette-action-active:#fff;--mui-palette-action-hover:rgba(255, 255, 255, 0.08);--mui-palette-action-hoverOpacity:0.08;--mui-palette-action-selected:rgba(255, 255, 255, 0.16);--mui-palette-action-selectedOpacity:0.16;--mui-palette-action-disabled:rgba(255, 255, 255, 0.3);--mui-palette-action-disabledBackground:rgba(255, 255, 255, 0.12);--mui-palette-action-disabledOpacity:0.38;--mui-palette-action-focus:rgba(255, 255, 255, 0.12);--mui-palette-action-focusOpacity:0.12;--mui-palette-action-activatedOpacity:0.24;--mui-palette-action-activeChannel:255 255 255;--mui-palette-action-selectedChannel:255 255 255;--mui-palette-Alert-errorColor:rgb(244, 199, 199);--mui-palette-Alert-infoColor:rgb(184, 231, 251);--mui-palette-Alert-successColor:rgb(204, 232, 205);--mui-palette-Alert-warningColor:rgb(255, 226, 183);--mui-palette-Alert-errorFilledBg:var(--mui-palette-error-dark, #d32f2f);--mui-palette-Alert-infoFilledBg:var(--mui-palette-info-dark, #0288d1);--mui-palette-Alert-successFilledBg:var(--mui-palette-success-dark, #388e3c);--mui-palette-Alert-warningFilledBg:var(--mui-palette-warning-dark, #f57c00);--mui-palette-Alert-errorFilledColor:#fff;--mui-palette-Alert-infoFilledColor:#fff;--mui-palette-Alert-successFilledColor:#fff;--mui-palette-Alert-warningFilledColor:rgba(0, 0, 0, 0.87);--mui-palette-Alert-errorStandardBg:rgb(22, 11, 11);--mui-palette-Alert-infoStandardBg:rgb(7, 19, 24);--mui-palette-Alert-successStandardBg:rgb(12, 19, 13);--mui-palette-Alert-warningStandardBg:rgb(25, 18, 7);--mui-palette-Alert-errorIconColor:var(--mui-palette-error-main, #f44336);--mui-palette-Alert-infoIconColor:var(--mui-palette-info-main, #29b6f6);--mui-palette-Alert-successIconColor:var(--mui-palette-success-main, #66bb6a);--mui-palette-Alert-warningIconColor:var(--mui-palette-warning-main, #ffa726);--mui-palette-AppBar-defaultBg:var(--mui-palette-grey-900, #212121);--mui-palette-AppBar-darkBg:var(--mui-palette-background-paper, #272b3c);--mui-palette-AppBar-darkColor:var(--mui-palette-text-primary, #fff);--mui-palette-Avatar-defaultBg:var(--mui-palette-grey-600, #757575);--mui-palette-Button-inheritContainedBg:var(--mui-palette-grey-800, #424242);--mui-palette-Button-inheritContainedHoverBg:var(--mui-palette-grey-700, #616161);--mui-palette-Chip-defaultBorder:var(--mui-palette-grey-700, #616161);--mui-palette-Chip-defaultAvatarColor:var(--mui-palette-grey-300, #e0e0e0);--mui-palette-Chip-defaultIconColor:var(--mui-palette-grey-300, #e0e0e0);--mui-palette-FilledInput-bg:rgba(255, 255, 255, 0.09);--mui-palette-FilledInput-hoverBg:rgba(255, 255, 255, 0.13);--mui-palette-FilledInput-disabledBg:rgba(255, 255, 255, 0.12);--mui-palette-LinearProgress-primaryBg:rgb(119, 120, 127);--mui-palette-LinearProgress-secondaryBg:rgb(90, 70, 120);--mui-palette-LinearProgress-errorBg:rgb(122, 33, 27);--mui-palette-LinearProgress-infoBg:rgb(20, 91, 123);--mui-palette-LinearProgress-successBg:rgb(51, 93, 53);--mui-palette-LinearProgress-warningBg:rgb(127, 83, 19);--mui-palette-Skeleton-bg:rgba(var(--mui-palette-text-primaryChannel, undefined) / 0.13);--mui-palette-Slider-primaryTrack:rgb(119, 120, 127);--mui-palette-Slider-secondaryTrack:rgb(90, 70, 120);--mui-palette-Slider-errorTrack:rgb(122, 33, 27);--mui-palette-Slider-infoTrack:rgb(20, 91, 123);--mui-palette-Slider-successTrack:rgb(51, 93, 53);--mui-palette-Slider-warningTrack:rgb(127, 83, 19);--mui-palette-SnackbarContent-bg:rgb(250, 250, 250);--mui-palette-SnackbarContent-color:rgba(0, 0, 0, 0.87);--mui-palette-SpeedDialAction-fabHoverBg:rgb(71, 74, 89);--mui-palette-StepConnector-border:var(--mui-palette-grey-600, #757575);--mui-palette-StepContent-border:var(--mui-palette-grey-600, #757575);--mui-palette-Switch-defaultColor:var(--mui-palette-grey-300, #e0e0e0);--mui-palette-Switch-defaultDisabledColor:var(--mui-palette-grey-600, #757575);--mui-palette-Switch-primaryDisabledColor:rgb(107, 107, 114);--mui-palette-Switch-secondaryDisabledColor:rgb(81, 63, 108);--mui-palette-Switch-errorDisabledColor:rgb(109, 30, 24);--mui-palette-Switch-infoDisabledColor:rgb(18, 81, 110);--mui-palette-Switch-successDisabledColor:rgb(45, 84, 47);--mui-palette-Switch-warningDisabledColor:rgb(114, 75, 17);--mui-palette-TableCell-border:rgba(81, 81, 81, 1);--mui-palette-Tooltip-bg:rgba(97, 97, 97, 0.92);--mui-palette-dividerChannel:255 255 255;--mui-opacity-inputPlaceholder:0.5;--mui-opacity-inputUnderline:0.7;--mui-opacity-switchTrackDisabled:0.2;--mui-opacity-switchTrack:0.3;--mui-overlays-0:none;--mui-overlays-1:linear-gradient(rgba(255 255 255 / 0.051), rgba(255 255 255 / 0.051));--mui-overlays-2:linear-gradient(rgba(255 255 255 / 0.069), rgba(255 255 255 / 0.069));--mui-overlays-3:linear-gradient(rgba(255 255 255 / 0.082), rgba(255 255 255 / 0.082));--mui-overlays-4:linear-gradient(rgba(255 255 255 / 0.092), rgba(255 255 255 / 0.092));--mui-overlays-5:linear-gradient(rgba(255 255 255 / 0.101), rgba(255 255 255 / 0.101));--mui-overlays-6:linear-gradient(rgba(255 255 255 / 0.108), rgba(255 255 255 / 0.108));--mui-overlays-7:linear-gradient(rgba(255 255 255 / 0.114), rgba(255 255 255 / 0.114));--mui-overlays-8:linear-gradient(rgba(255 255 255 / 0.119), rgba(255 255 255 / 0.119));--mui-overlays-9:linear-gradient(rgba(255 255 255 / 0.124), rgba(255 255 255 / 0.124));--mui-overlays-10:linear-gradient(rgba(255 255 255 / 0.128), rgba(255 255 255 / 0.128));--mui-overlays-11:linear-gradient(rgba(255 255 255 / 0.132), rgba(255 255 255 / 0.132));--mui-overlays-12:linear-gradient(rgba(255 255 255 / 0.135), rgba(255 255 255 / 0.135));--mui-overlays-13:linear-gradient(rgba(255 255 255 / 0.139), rgba(255 255 255 / 0.139));--mui-overlays-14:linear-gradient(rgba(255 255 255 / 0.142), rgba(255 255 255 / 0.142));--mui-overlays-15:linear-gradient(rgba(255 255 255 / 0.145), rgba(255 255 255 / 0.145));--mui-overlays-16:linear-gradient(rgba(255 255 255 / 0.147), rgba(255 255 255 / 0.147));--mui-overlays-17:linear-gradient(rgba(255 255 255 / 0.15), rgba(255 255 255 / 0.15));--mui-overlays-18:linear-gradient(rgba(255 255 255 / 0.152), rgba(255 255 255 / 0.152));--mui-overlays-19:linear-gradient(rgba(255 255 255 / 0.155), rgba(255 255 255 / 0.155));--mui-overlays-20:linear-gradient(rgba(255 255 255 / 0.157), rgba(255 255 255 / 0.157));--mui-overlays-21:linear-gradient(rgba(255 255 255 / 0.159), rgba(255 255 255 / 0.159));--mui-overlays-22:linear-gradient(rgba(255 255 255 / 0.161), rgba(255 255 255 / 0.161));--mui-overlays-23:linear-gradient(rgba(255 255 255 / 0.163), rgba(255 255 255 / 0.163));--mui-overlays-24:linear-gradient(rgba(255 255 255 / 0.165), rgba(255 255 255 / 0.165));}}</style></div>-<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"rayId":"94e46c10eb8694d5","version":"2025.6.2","r":1,"token":"e9e0921dbf1543ff8dc4b1250d951230","serverTiming":{"name":{"cfExtPri":true,"cfEdge":true,"cfOrigin":true,"cfL4":true,"cfSpeedBrain":true,"cfCacheStatus":true}}}' crossorigin="anonymous"></script>
-39
.cache/page/docs.swmansion.com/react-native-reanimated_docs_category_advanced-apis.md
-39
.cache/page/docs.swmansion.com/react-native-reanimated_docs_category_advanced-apis.md
···-measure lets you synchronously get the dimensions and position of a view on the screen, all on the UI thread.-useAnimatedReaction allows you to respond to changes in a shared value. It's especially useful when comparing values previously stored in the shared value with the current one.-useEvent is a low-level hook. It returns event handler that will be called when native event occurs. You can use it to create custom event handler hooks, like useScrollViewOffset or useAnimatedScrollHandler.-useHandler is a low-level hook. It returns a context object and a value that tells you if the worklet needs to be rebuilt. You can use it to create custom event handler hooks, like useScrollViewOffset or useAnimatedScrollHandler.-This is a hook that lets you compose useEvent-based event handlers (such as useAnimatedScrollHandler or your own custom ones) into a single, combined event handler.-The usage of makeMutable is discouraged in most cases. It's recommended to use the useSharedValue hook instead unless you know what you're doing and you are aware of the consequences (see the Remarks section).
-31
.cache/page/docs.swmansion.com/react-native-reanimated_docs_category_animations.md
-31
.cache/page/docs.swmansion.com/react-native-reanimated_docs_category_animations.md
···-withDecay lets you create animations that mimic objects in motion with friction. The animation will start with the provided velocity and slow down over time according to the given deceleration rate until it stops.-withRepeat is an animation modifier that lets you repeat an animation given number of times or run it indefinitely.-withClamp is an animation modifier that lets you limit the scope of movement of your animation to make it stay within some predefined range.
-31
.cache/page/docs.swmansion.com/react-native-reanimated_docs_category_core.md
-31
.cache/page/docs.swmansion.com/react-native-reanimated_docs_category_core.md
···-useAnimatedStyle lets you create a styles object, similar to StyleSheet styles, which can be animated using shared values.-useAnimatedProps lets you create an animated props object which can be animated using shared values. This object is used to animate properties of third-party components.-useAnimatedRef lets you get a reference of a view. Used alongside measure, scrollTo, and useScrollViewOffset functions.-useDerivedValue lets you create new shared values based on existing ones while keeping them reactive.-createAnimatedComponent lets you create an Animated version of any React Native component. Wrapping a component with createAnimatedComponent allows Reanimated to animate any prop or style associated with that component.
-3
.cache/page/docs.swmansion.com/react-native-reanimated_docs_category_debugging.md
-3
.cache/page/docs.swmansion.com/react-native-reanimated_docs_category_debugging.md
···-When debugging Reanimated code, you may encounter error or warning call stacks that don't clearly indicate the root cause of the problem. These stacks can be misleading, as they often highlight code from Reanimated's internals rather than the misuse of the Reanimated API that is the source of the problem.
-3
.cache/page/docs.swmansion.com/react-native-reanimated_docs_category_device.md
-3
.cache/page/docs.swmansion.com/react-native-reanimated_docs_category_device.md
···-ReducedMotionConfig component let's you change behavior in response to the device's reduced motion accessibility setting. By default it disables all animation when the reduced motion is enabled on a device. You can adjust it for your specific use case. You can learn more about Accessibility and useReducedMotion in Reanimated.
-3
.cache/page/docs.swmansion.com/react-native-reanimated_docs_category_fundamentals.md
-3
.cache/page/docs.swmansion.com/react-native-reanimated_docs_category_fundamentals.md
···-In the last section, we learned how to make simple animations, what shared values are and how to use them. Now, we'll learn a different way of passing animation styles to components. We'll also go over the difference between animating styles and props and how to handle them using useAnimatedStyle and useAnimatedProps.
-47
.cache/page/docs.swmansion.com/react-native-reanimated_docs_category_guides.md
-47
.cache/page/docs.swmansion.com/react-native-reanimated_docs_category_guides.md
···-Worklets are short-running JavaScript functions that can run on the UI thread. Reanimated uses worklets to calculate view styles and react to events on the UI thread.-In this section, we will explore how Reanimated provides support for enhanced accessibility in animations, particularly through its reduced motion functionality. This feature ensures a smoother experience for users who may have motion sensitivities or prefer less movement.-This article provides basic troubleshooting steps for issues that may happen when building React Native apps with Reanimated for Android devices on Windows host machine.-Thank you for your interest in contributing to Reanimated! From triaging and commenting on issues, through extending the documentation, to reviewing and sending Pull Requests, all contributions are more than welcome.-Reanimated 3.x doesn't introduce any breaking changes between 2.x and 3.x in terms of the API. All the code you've written in Reanimated v2 API works in 3.x without any changes. However, Reanimated 3.x drops the Reanimated v1 API entirely. For the migration guide between 1.x and 2.x versions please consult Migration from 1.x to 2.x.-It's possible to launch Reanimated in a web browser. For that case all of the functionalities are implemented purely in JavaScript, hence the efficiency of the animations might be lower.
-27
.cache/page/docs.swmansion.com/react-native-reanimated_docs_category_layout-animations.md
-27
.cache/page/docs.swmansion.com/react-native-reanimated_docs_category_layout-animations.md
···-Entering/Exiting animations let you animate elements when they are added to or removed from the view hierarchy.-Keyframes are animation definition schemas that let you create complex animations. They allow you more flexibility than standard Entering and Exiting presets.-Layout transitions allows you to replace layout changes with smooth transitions. Each layout change may include changes of size and position and both of them can be animated.-Custom animations give you a full control over the Entering/Exiting animations and Layout transitions. However, they tend to be hard to understand and maintain. We recommend starting with predefined Entering/Exiting, Keyframes and Layout presets first before using custom animations.-itemLayoutAnimation lets you define a layout transition that's applied when list items layout changes. You can use one of the predefined transitions like LinearTransition or create your own transition.
-3
.cache/page/docs.swmansion.com/react-native-reanimated_docs_category_reanimated-babel-plugin.md
-3
.cache/page/docs.swmansion.com/react-native-reanimated_docs_category_reanimated-babel-plugin.md
-3
.cache/page/docs.swmansion.com/react-native-reanimated_docs_category_scroll.md
-3
.cache/page/docs.swmansion.com/react-native-reanimated_docs_category_scroll.md
-3
.cache/page/docs.swmansion.com/react-native-reanimated_docs_category_shared-element-transitions.md
-3
.cache/page/docs.swmansion.com/react-native-reanimated_docs_category_shared-element-transitions.md
-3
.cache/page/docs.swmansion.com/react-native-reanimated_docs_category_threading.md
-3
.cache/page/docs.swmansion.com/react-native-reanimated_docs_category_threading.md
···-createWorkletRuntime lets you create a new JS runtime which can be used to run worklets possibly on different threads than JS or UI thread. This function is supposed to be used by third-party libraries that need to integrate with worklets. The return value represents the runtime and it's supposed to be passed to C++ side using JSI (JavaScript Interface) for further operations.
-3
.cache/page/docs.swmansion.com/react-native-reanimated_docs_category_utilities.md
-3
.cache/page/docs.swmansion.com/react-native-reanimated_docs_category_utilities.md
-2
.cache/page/reactnative.dev/docs_activityindicator.md
-2
.cache/page/reactnative.dev/docs_activityindicator.md
+2
-2
.cache/page/www.nativewind.dev/docs_tailwind_layout_top-right-bottom-left.md
+2
-2
.cache/page/www.nativewind.dev/docs_tailwind_layout_top-right-bottom-left.md
-2
.cache/rewrite/docs.swmansion.com/react-native-gesture-handler_docs_category_gesture-handlers-legacy.txt
-2
.cache/rewrite/docs.swmansion.com/react-native-gesture-handler_docs_category_gesture-handlers-legacy.txt
······The `createNativeWrapper()` function from the legacy API will no longer be supported. Transitioning to the gestures API is recommended. Consult the upgrading guide for more details.
-2
.cache/rewrite/docs.swmansion.com/react-native-gesture-handler_docs_category_under-the-hood.txt
-2
.cache/rewrite/docs.swmansion.com/react-native-gesture-handler_docs_category_under-the-hood.txt
-2
.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_animations_withSequence.txt
-2
.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_animations_withSequence.txt
-39
.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_advanced-apis.txt
-39
.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_advanced-apis.txt
···-`measure` allows synchronous retrieval of a view's dimensions and position on the screen, executed on the UI thread.-`useAnimatedReaction` enables response to changes in a shared value. It is particularly useful for comparing previous values stored in the shared value with their current counterparts.-`useEvent` is a foundational hook that returns an event handler triggered by native events. This can be utilized to create custom event handler hooks, such as `useScrollViewOffset` or `useAnimatedScrollHandler`.-`useHandler` is another fundamental hook providing a context object and a value indicating if the worklet requires rebuilding. It aids in creating custom event handler hooks like `useScrollViewOffset` or `useAnimatedScrollHandler`.-This hook allows for the composition of `useEvent`-based event handlers (e.g., `useAnimatedScrollHandler` or custom ones) into a single, unified event handler.-`dispatchCommand` enables execution of commands on a native component directly from the UI thread.-The use of `makeMutable` is generally discouraged. It's advised to opt for the `useSharedValue` hook unless you are fully aware of its implications and consequences (refer to the Remarks section).
-31
.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_animations.txt
-31
.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_animations.txt
···-`withSpring` enables the creation of spring-based animations, providing a natural motion effect.-`withDecay` creates animations that simulate objects in motion experiencing friction. The animation begins at a given velocity and gradually slows down according to a specified deceleration rate until it comes to a stop.-`withSequence` is an animation modifier used for executing multiple animations one after another in sequence.-`withRepeat` is an animation modifier that allows an animation to be repeated a certain number of times or indefinitely.-`withClamp` is an animation modifier used to restrict the movement range of an animation, ensuring it stays within predefined limits.
-31
.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_core.txt
-31
.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_core.txt
···-`useSharedValue` is used for defining shared values within your components. These shared values can be utilized across different parts of the component tree.-With `useAnimatedStyle`, you can create a styles object akin to StyleSheet styles, which allows animation using shared values. This enables dynamic styling changes in response to animations.-`useAnimatedProps` facilitates the creation of an animated props object that can be animated with shared values. It is particularly useful for animating properties of third-party components by providing them with animated props.-The `useAnimatedRef` function provides a reference to a view, which can then be used in conjunction with functions like measure, scrollTo, and useScrollViewOffset to manipulate the view's position or dimensions.-`useDerivedValue` allows for the creation of new shared values derived from existing ones. This ensures that these new values remain reactive and update automatically when their dependencies change.-`createAnimatedComponent` enables you to transform any React Native component into an animated version. By wrapping a component with `createAnimatedComponent`, Reanimated can animate any prop or style associated with it, enhancing the component's interactivity.-The `cancelAnimation` function is used to stop a running animation that is linked to a shared value. This allows for greater control over animations by providing the ability to halt them when necessary.
-18
.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_debugging.txt
-18
.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_debugging.txt
···-When debugging Reanimated code, you might come across error or warning call stacks that do not clearly point to the root cause of an issue. These stacks can be misleading because they frequently emphasize code from Reanimated's internal workings instead of highlighting the misuse of the Reanimated API, which is often the actual source of the problem.-|-----------------------|-----------------------------------------------------------------------------|-Understanding this behavior is crucial for effectively diagnosing and resolving issues within Reanimated projects.
-11
.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_device.txt
-11
.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_device.txt
···-The `ReducedMotionConfig` component allows you to modify behavior based on the device's reduced motion accessibility setting. By default, it disables all animations when reduced motion is enabled on a device. You can customize this for your specific needs. For more information, refer to Accessibility and `useReducedMotion` in Reanimated.-This component helps ensure that your application respects user preferences regarding motion settings.
-53
.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_fundamentals.txt
-53
.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_fundamentals.txt
···-In the previous section, we explored creating simple animations, understanding shared values, and their application. In this part, we will delve into an alternative method for applying animation styles to components. We'll also examine the distinctions between animating styles versus props and how to manage them using `useAnimatedStyle` and `useAnimatedProps`.-The `useAnimatedStyle` hook allows you to define animated styles that can be applied directly to a component's style prop. This approach is particularly useful for smoothly transitioning between different visual states.-While `useAnimatedStyle` is great for animating styles, `useAnimatedProps` allows you to animate component props. This can be useful when the animation involves more than just visual changes.-- **`useAnimatedStyle`:** Best for animating styles directly. It provides a way to interpolate values and apply them as inline styles.-- **`useAnimatedProps`:** Ideal for animating props of components that do not support direct style interpolation.-By understanding these hooks, you can effectively manage animations in your React Native applications, enhancing both performance and user experience.
-47
.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_guides.txt
-47
.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_guides.txt
···-Worklets are brief JavaScript functions executed on the UI thread. Reanimated utilizes worklets to compute view styles and respond to events directly on the UI thread.-This section delves into how Reanimated enhances accessibility in animations, particularly through its reduced motion feature. This functionality ensures a more comfortable experience for users with motion sensitivities or those who prefer minimal movement.-This article outlines basic troubleshooting steps for issues encountered when building React Native apps with Reanimated for Android devices from a Windows host machine.-Thank you for your interest in contributing to Reanimated! Contributions, whether through triaging and commenting on issues, extending documentation, or reviewing and submitting Pull Requests, are greatly appreciated.-Due to Reanimated's unique architecture and its use of a secondary JS runtime, debugging worklets can be challenging.-Reanimated 3.x introduces no breaking changes in terms of API between versions 2.x and 3.x. All code written using the Reanimated v2 API will function in 3.x without modifications. However, Reanimated 3.x completely removes support for the Reanimated v1 API. For migration guidance from 1.x to 2.x, please refer to the Migration from 1.x to 2.x guide.-Reanimated can be launched in a web browser. In this context, all functionalities are implemented purely in JavaScript, which may result in reduced animation efficiency.
-27
.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_layout-animations.txt
-27
.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_layout-animations.txt
···-These animations are designed to animate elements as they enter into or exit from the view hierarchy, providing a dynamic user experience.-Keyframes offer a schema for defining complex animations. They provide greater flexibility compared to standard entering and exiting presets by allowing detailed control over animation sequences.-Layout transitions enable smooth changes during layout updates, which may involve alterations in size or position. Both aspects can be animated to enhance visual fluidity.-Custom animations offer complete control over both entering/exiting animations and layout transitions. However, they are complex and challenging to maintain. It is advisable to start with predefined presets before opting for custom solutions.-The `LayoutAnimationConfig` component allows you to bypass entering and exiting animations when needed.-With `itemLayoutAnimation`, you can specify a layout transition for list items during layout changes. Options include using predefined transitions like `LinearTransition` or creating custom ones.
-7
.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_reanimated-babel-plugin.txt
-7
.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_reanimated-babel-plugin.txt
···-The Reanimated Babel Plugin is a tool designed to enhance the performance of animations in React Native applications. It works by transforming animation code during the build process, allowing for more efficient execution on mobile devices. By leveraging this plugin, developers can create smooth and responsive animations that run directly on the UI thread, bypassing JavaScript's limitations.
-62
.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_scroll.txt
-62
.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_scroll.txt
···-The `useAnimatedScrollHandler` is a custom hook designed to provide an event handler for managing animated scrolling within React Native applications. This hook integrates seamlessly with various scrollable components, enabling developers to implement smooth and responsive animations.-To utilize the `useAnimatedScrollHandler`, you need to import it from its respective library or module where it's defined. Once imported, this hook can be invoked within a functional component to obtain an event handler reference that is specifically tailored for animated scroll events.-Below is a basic example demonstrating how to use `useAnimatedScrollHandler` in conjunction with a React Native ScrollView:-In this example, `useAnimatedScrollHandler` is used to create a scroll handler that logs the current content offset whenever a scroll event occurs. This setup allows for enhanced control over scrolling animations within the component.-The hook accepts an object with various properties that define how the scroll events should be handled:-- **onScroll**: A function that receives the scroll event details, such as `contentOffset`, and can contain logic to animate or respond to the scroll action.-- Additional optional parameters may include `onBeginDrag`, `onActiveDrag`, `onEndDrag`, etc., depending on the specific requirements of your animation.-- **Performance**: By leveraging React Native Reanimated, this hook ensures that animations are performed smoothly and efficiently.-- **Flexibility**: Developers can customize scroll behavior extensively through various event handlers.-- **Integration**: Seamlessly works with existing React Native components like ScrollView, FlatList, etc.-By incorporating `useAnimatedScrollHandler` into your project, you can enhance the user experience with fluid and responsive scrolling animations.
-11
.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_shared-element-transitions.txt
-11
.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_shared-element-transitions.txt
···-The Shared Element Transition feature is currently in the experimental stage and should not be used in production environments at this time. Feedback from users is being sought to enhance its development and implementation.-- **Not for Production Use**: It's advised against using it in live applications until further notice.
-5
.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_threading.txt
-5
.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_threading.txt
···-The `createWorkletRuntime` function is designed to establish a new JavaScript runtime environment specifically for executing worklets, potentially on threads distinct from those used by standard JavaScript or the UI. This functionality is primarily intended for use by third-party libraries that require integration with worklets.-Upon invocation, `createWorkletRuntime` returns an object representing the newly created runtime. This object must be communicated to the C++ side via the JavaScript Interface (JSI) to facilitate subsequent operations and interactions within the worklet environment.
-9
.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_utilities.txt
-9
.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_utilities.txt
···-**Note:** This API has been deprecated. It no longer receives updates and will be removed in a future major release of Reanimated.-The `useAnimatedGestureHandler` function is part of the Reanimated library, which provides tools for creating smooth animations on React Native applications. However, due to its deprecation status, developers are advised to seek alternative solutions or APIs that offer similar functionality but with ongoing support and updates.
+3
-1
.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_layout-animations_entering-exiting-animations.txt
+3
-1
.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_layout-animations_entering-exiting-animations.txt
···The provided content outlines a comprehensive guide for using various animations in React Native with the `react-native-reanimated` library. Below is a structured summary of the key points and features:···-This guide provides developers with the tools to create and customize animations effectively across multiple platforms using `react-native-reanimated`.+This guide provides developers with the tools to create and customize animations effectively across multiple platforms using `react-native-reanimated`.
+3
-1
.cache/rewrite/reactnative.dev/docs_accessibility.txt
+3
-1
.cache/rewrite/reactnative.dev/docs_accessibility.txt
···React Native provides several accessibility features that help developers create applications usable by everyone, including people with disabilities. These features are crucial for ensuring inclusivity and compliance with accessibility standards like WCAG (Web Content Accessibility Guidelines).···-For more detailed guidance, refer to resources like "Making React Native Apps Accessible," which provides comprehensive strategies and best practices for accessibility in React Native applications.+For more detailed guidance, refer to resources like "Making React Native Apps Accessible," which provides comprehensive strategies and best practices for accessibility in React Native applications.
+3
-1
.cache/rewrite/reactnative.dev/docs_fabric-native-components-introduction.txt
+3
-1
.cache/rewrite/reactnative.dev/docs_fabric-native-components-introduction.txt
···To create a native web view component in React Native, you need to implement platform-specific code for both Android and iOS. Below is a step-by-step guide on how to achieve this:···-This setup will allow you to use a native web view component in your React Native application, providing better performance and integration with platform-specific features.+This setup will allow you to use a native web view component in your React Native application, providing better performance and integration with platform-specific features.
+3
-1
.cache/rewrite/reactnative.dev/docs_image.txt
+3
-1
.cache/rewrite/reactnative.dev/docs_image.txt
···To integrate image handling capabilities in your React Native application, you can utilize the `<Image />` component along with various methods and properties provided for efficient image management. Below is an overview of how to use these features effectively:···-By leveraging these features, you can efficiently handle images in your React Native application, ensuring optimal performance and user experience.+By leveraging these features, you can efficiently handle images in your React Native application, ensuring optimal performance and user experience.
+3
-1
.cache/rewrite/reactnative.dev/docs_integration-with-existing-apps.txt
+3
-1
.cache/rewrite/reactnative.dev/docs_integration-with-existing-apps.txt
···To integrate React Native into an existing iOS application, follow these steps carefully. This guide assumes you have a basic understanding of both iOS development using Xcode and JavaScript/React Native.···For release builds, ensure the script phase for bundling JS and images is correctly configured. Test thoroughly on both simulators and real devices.-By following these steps, you should be able to integrate React Native into your existing iOS application successfully. Continue developing using React Native's extensive documentation for further guidance.+By following these steps, you should be able to integrate React Native into your existing iOS application successfully. Continue developing using React Native's extensive documentation for further guidance.
+2
-2
.cache/rewrite/reactnative.dev/docs_native-platform.txt
+2
-2
.cache/rewrite/reactnative.dev/docs_native-platform.txt
+3
-1
.cache/rewrite/reactnative.dev/docs_scrollview.txt
+3
-1
.cache/rewrite/reactnative.dev/docs_scrollview.txt
···The provided documentation outlines various properties and methods associated with a ScrollView component, likely from a mobile development framework such as React Native. Below is a summary of the key features:···-These properties and methods provide extensive control over scrolling behavior, performance optimization, and user interaction within a ScrollView component.+These properties and methods provide extensive control over scrolling behavior, performance optimization, and user interaction within a ScrollView component.
+3
-1
.cache/rewrite/reactnative.dev/docs_text.txt
+3
-1
.cache/rewrite/reactnative.dev/docs_text.txt
···Here's a structured overview and explanation of the `Text` component in React Native, focusing on its properties and usage:···-The `Text` component in React Native is highly customizable, supporting various styling and accessibility options. Understanding its properties allows developers to create rich, interactive text elements tailored to specific application needs.+The `Text` component in React Native is highly customizable, supporting various styling and accessibility options. Understanding its properties allows developers to create rich, interactive text elements tailored to specific application needs.
+3
-1
.cache/rewrite/reactnative.dev/docs_textinput.txt
+3
-1
.cache/rewrite/reactnative.dev/docs_textinput.txt
···Here is a structured overview of the properties, methods, and known issues related to the `TextInput` component in React Native:···- **react-native#19366**: `.focus()` doesn't bring up the keyboard after closing it via back button on Android.- **react-native#26799**: `secureTextEntry` doesn't work with `keyboardType="email-address"` or `keyboardType="phone-pad"` on Android.-This overview provides a comprehensive guide to using and understanding the `TextInput` component in React Native, including its properties, methods, and known issues.+This overview provides a comprehensive guide to using and understanding the `TextInput` component in React Native, including its properties, methods, and known issues.
+3
-1
.cache/rewrite/reactnative.dev/docs_the-new-architecture_pure-cxx-modules.txt
+3
-1
.cache/rewrite/reactnative.dev/docs_the-new-architecture_pure-cxx-modules.txt
···Creating a cross-platform native module using C++ is an efficient way to share platform-agnostic code between Android and iOS. This guide walks through the process of creating a pure C++ Turbo Native Module, which allows you to write your logic once and reuse it across platforms.···-You've successfully created a C++ Turbo Native Module that works on both Android and iOS. This setup allows you to write platform-agnostic code in C++, reducing redundancy and improving maintainability across platforms.+You've successfully created a C++ Turbo Native Module that works on both Android and iOS. This setup allows you to write platform-agnostic code in C++, reducing redundancy and improving maintainability across platforms.
+3
-1
.cache/rewrite/reactnative.dev/docs_turbo-native-modules-introduction.txt
+3
-1
.cache/rewrite/reactnative.dev/docs_turbo-native-modules-introduction.txt
···To implement a cross-platform `localStorage` solution using React Native's TurboModule system, you need to set up both Android and iOS platforms. Below is a step-by-step guide based on the provided instructions:···-This setup provides a consistent `localStorage` API across both platforms using React Native's TurboModule system.+This setup provides a consistent `localStorage` API across both platforms using React Native's TurboModule system.
+1
-5
.cache/rewrite/www.nativewind.dev/docs_customization_content.txt
+1
-5
.cache/rewrite/www.nativewind.dev/docs_customization_content.txt
···Nativewind adheres to the same content configuration guidelines as Tailwind CSS. For detailed information and solutions to potential issues, consult the official Tailwind CSS documentation.-This reformatted markdown maintains the original message while ensuring clarity and conciseness for an AI context.
+2
-2
.cache/rewrite/www.nativewind.dev/docs_tailwind_layout_top-right-bottom-left.txt
+2
-2
.cache/rewrite/www.nativewind.dev/docs_tailwind_layout_top-right-bottom-left.txt
······