Adjust content and filters by LLM output · kitten.sh/rn-llms-txt-gen@fe3c6f4

-28

.cache/fetch/docs.swmansion.com/react-native-reanimated_docs_category_reanimated-babel-plugin.html

··· 1 - <!doctype html> 2 - <html lang="en" dir="ltr" class="docs-wrapper plugin-docs plugin-id-default docs-version-3.x docs-doc-page" data-has-hydrated="false"> 3 - <head> 4 - <meta charset="UTF-8"> 5 - <meta name="generator" content="Docusaurus v3.7.0"> 6 - <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"> 7 - <link rel="alternate" type="application/atom+xml" href="/react-native-reanimated/examples/atom.xml" title="React Native Reanimated Atom Feed"> 8 - 9 - <link rel="preconnect" href="https://www.google-analytics.com"> 10 - <link rel="preconnect" href="https://www.googletagmanager.com"> 11 - <script async src="https://www.googletagmanager.com/gtag/js?id=G-RNYQG9GVFJ"></script> 12 - <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-RNYQG9GVFJ",{anonymize_ip:!0})</script> 13 - 14 - 15 - 16 - <link rel="search" type="application/opensearchdescription+xml" title="React Native Reanimated" href="/react-native-reanimated/opensearch.xml"> 17 - 18 - 19 - 20 - <script src="/react-native-reanimated/js/snack-helpers.js" async></script><link rel="stylesheet" href="/react-native-reanimated/assets/css/styles.d5f936e9.css"> 21 - <script src="/react-native-reanimated/assets/js/runtime~main.6746fb88.js" defer="defer"></script> 22 - <script src="/react-native-reanimated/assets/js/main.775d773a.js" defer="defer"></script> 23 - </head> 24 - <body class="navigation-with-keyboard"> 25 - <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> 26 - <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> 27 - </body> 28 - </html>

-39

.cache/page/docs.swmansion.com/react-native-reanimated_docs_category_advanced-apis.md

··· 1 - Version: 3.x 2 - 3 - # Advanced APIs 4 - 5 - ## measure 6 - 7 - measure lets you synchronously get the dimensions and position of a view on the screen, all on the UI thread. 8 - 9 - ## useAnimatedReaction 10 - 11 - 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. 12 - 13 - ## useFrameCallback 14 - 15 - useFrameCallback lets you run a function on every frame update. 16 - 17 - ## useEvent 18 - 19 - 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. 20 - 21 - ## useHandler 22 - 23 - 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. 24 - 25 - ## useComposedEventHandler 26 - 27 - 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. 28 - 29 - ## dispatchCommand 30 - 31 - dispatchCommand allows you to run commands on a native component from the UI thread directly. 32 - 33 - ## setNativeProps 34 - 35 - setNativeProps lets you imperatively update component properties. 36 - 37 - ## makeMutable 38 - 39 - 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

··· 1 - Version: 3.x 2 - 3 - # Animations 4 - 5 - ## withTiming 6 - 7 - withTiming lets you create an animation based on duration and easing. 8 - 9 - ## withSpring 10 - 11 - withSpring lets you create spring-based animations. 12 - 13 - ## withDecay 14 - 15 - 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. 16 - 17 - ## withSequence 18 - 19 - withSequence is an animation modifier that lets you run animations in a sequence. 20 - 21 - ## withRepeat 22 - 23 - withRepeat is an animation modifier that lets you repeat an animation given number of times or run it indefinitely. 24 - 25 - ## withDelay 26 - 27 - withDelay is an animation modifier that lets you start an animation with a delay. 28 - 29 - ## withClamp 30 - 31 - 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

··· 1 - Version: 3.x 2 - 3 - # Core 4 - 5 - ## useSharedValue 6 - 7 - useSharedValue lets you define shared values in your components. 8 - 9 - ## useAnimatedStyle 10 - 11 - useAnimatedStyle lets you create a styles object, similar to StyleSheet styles, which can be animated using shared values. 12 - 13 - ## useAnimatedProps 14 - 15 - 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. 16 - 17 - ## useAnimatedRef 18 - 19 - useAnimatedRef lets you get a reference of a view. Used alongside measure, scrollTo, and useScrollViewOffset functions. 20 - 21 - ## useDerivedValue 22 - 23 - useDerivedValue lets you create new shared values based on existing ones while keeping them reactive. 24 - 25 - ## createAnimatedComponent 26 - 27 - 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. 28 - 29 - ## cancelAnimation 30 - 31 - cancelAnimation lets you cancel a running animation paired to a shared value.

-3

.cache/page/docs.swmansion.com/react-native-reanimated_docs_category_debugging.md

··· 1 - # Accurate Call Stacks 2 - 3 - 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

··· 1 - # ReducedMotionConfig 2 - 3 - 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

··· 1 - # Animating styles and props 2 - 3 - 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

··· 1 - Version: 3.x 2 - 3 - # Guides 4 - 5 - ## Worklets 6 - 7 - 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. 8 - 9 - ## Accessibility 10 - 11 - 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. 12 - 13 - ## Building for Android on Windows 14 - 15 - 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. 16 - 17 - ## Compatibility 18 - 19 - Currently supported React Native versions (Paper) 20 - 21 - ## Contributing 22 - 23 - 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. 24 - 25 - ## Debugging worklets 26 - 27 - Due to Reanimated's unique architecture and usage of a second JS runtime, debugging 28 - 29 - ## Migration from 1.x 30 - 31 - We wanted to make it possible to migrate from Reanimated 1 to Reanimated 2 incrementally. 32 - 33 - ## Migration from 2.x 34 - 35 - 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. 36 - 37 - ## Testing with Jest 38 - 39 - Reanimated provides testing API, based on Jest. It allows user to mock web-based animations. 40 - 41 - ## Troubleshooting 42 - 43 - Initialization issues 44 - 45 - ## Web Support 46 - 47 - 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

··· 1 - Version: 3.x 2 - 3 - # Layout Animations 4 - 5 - ## Entering/Exiting animations 6 - 7 - Entering/Exiting animations let you animate elements when they are added to or removed from the view hierarchy. 8 - 9 - ## Keyframe animations 10 - 11 - Keyframes are animation definition schemas that let you create complex animations. They allow you more flexibility than standard Entering and Exiting presets. 12 - 13 - ## Layout transitions 14 - 15 - 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. 16 - 17 - ## Custom animations 18 - 19 - 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. 20 - 21 - ## Skipping Layout Animations 22 - 23 - LayoutAnimationConfig is a component that lets you skip entering and exiting animations. 24 - 25 - ## List Layout Animations 26 - 27 - 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

··· 1 - # About 2 - 3 - What is Reanimated Babel Plugin?

-3

.cache/page/docs.swmansion.com/react-native-reanimated_docs_category_scroll.md

··· 1 - # useAnimatedScrollHandler 2 - 3 - useAnimatedScrollHandler is a hook that returns an event handler reference. It can be used with React Native's scrollable components.

-3

.cache/page/docs.swmansion.com/react-native-reanimated_docs_category_shared-element-transitions.md

··· 1 - # Overview 2 - 3 - Shared Element Transitions is an experimental feature, not recommended for production use yet. We are waiting for your feedback to improve implementation.

-3

.cache/page/docs.swmansion.com/react-native-reanimated_docs_category_threading.md

··· 1 - # createWorkletRuntime 2 - 3 - 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

··· 1 - # useAnimatedGestureHandler 2 - 3 - This API is deprecated, doesn't receive any updates and will be removed in the next major version of Reanimated.

-2

.cache/page/reactnative.dev/docs_activityindicator.md

··· 1 - On this page 2 - 3 1 # ActivityIndicator 4 2 5 3 Displays a circular loading indicator.

+2 -2

.cache/page/www.nativewind.dev/docs_tailwind_layout_top-right-bottom-left.md

··· 1 - Top / Right / Bottom / Left 1 + # Top / Right / Bottom / Left 2 2 3 - # Usage 3 + ## Usage 4 4 5 5 Please refer to the documentation on the Tailwind CSS website 6 6

-2

.cache/rewrite/docs.swmansion.com/react-native-gesture-handler_docs_category_gesture-handlers-legacy.txt

··· 1 - ```markdown 2 1 # Legacy Gesture Handlers 3 2 4 3 ## Overview ··· 43 42 ## createNativeWrapper() 44 43 45 44 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. 46 - ```

-2

.cache/rewrite/docs.swmansion.com/react-native-gesture-handler_docs_category_under-the-hood.txt

··· 1 - ```markdown 2 1 # Handler State 3 2 4 3 Gesture handlers are conceptualized as "state machines" according to the description provided in "About Gesture Handlers". This means they operate through a series of states, transitioning between them based on specific inputs or events. 5 - ```

-2

.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_animations_withSequence.txt

··· 1 - ```markdown 2 1 # withSequence 3 2 4 3 `withSequence` is an animation modifier that allows animations to be executed in a sequential order. ··· 35 34 | Android | iOS | Web | 36 35 |---------|-----|-----| 37 36 | ✅ | ✅ | ✅ | 38 - ```

-39

.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_advanced-apis.txt

··· 1 - ```markdown 2 - # Advanced APIs - Version 3.x 3 - 4 - ## measure 5 - 6 - `measure` allows synchronous retrieval of a view's dimensions and position on the screen, executed on the UI thread. 7 - 8 - ## useAnimatedReaction 9 - 10 - `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. 11 - 12 - ## useFrameCallback 13 - 14 - `useFrameCallback` facilitates running a function during each frame update. 15 - 16 - ## useEvent 17 - 18 - `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`. 19 - 20 - ## useHandler 21 - 22 - `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`. 23 - 24 - ## useComposedEventHandler 25 - 26 - This hook allows for the composition of `useEvent`-based event handlers (e.g., `useAnimatedScrollHandler` or custom ones) into a single, unified event handler. 27 - 28 - ## dispatchCommand 29 - 30 - `dispatchCommand` enables execution of commands on a native component directly from the UI thread. 31 - 32 - ## setNativeProps 33 - 34 - `setNativeProps` allows for imperative updates to component properties. 35 - 36 - ## makeMutable 37 - 38 - 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). 39 - ```

-31

.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_animations.txt

··· 1 - ```markdown 2 - # Animations (Version: 3.x) 3 - 4 - ## withTiming 5 - 6 - `withTiming` allows for creating animations based on a specified duration and easing function. 7 - 8 - ## withSpring 9 - 10 - `withSpring` enables the creation of spring-based animations, providing a natural motion effect. 11 - 12 - ## withDecay 13 - 14 - `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. 15 - 16 - ## withSequence 17 - 18 - `withSequence` is an animation modifier used for executing multiple animations one after another in sequence. 19 - 20 - ## withRepeat 21 - 22 - `withRepeat` is an animation modifier that allows an animation to be repeated a certain number of times or indefinitely. 23 - 24 - ## withDelay 25 - 26 - `withDelay` is an animation modifier that introduces a delay before starting the animation. 27 - 28 - ## withClamp 29 - 30 - `withClamp` is an animation modifier used to restrict the movement range of an animation, ensuring it stays within predefined limits. 31 - ```

-31

.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_core.txt

··· 1 - ```markdown 2 - # Core (Version: 3.x) 3 - 4 - ## useSharedValue 5 - 6 - `useSharedValue` is used for defining shared values within your components. These shared values can be utilized across different parts of the component tree. 7 - 8 - ## useAnimatedStyle 9 - 10 - 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. 11 - 12 - ## useAnimatedProps 13 - 14 - `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. 15 - 16 - ## useAnimatedRef 17 - 18 - 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. 19 - 20 - ## useDerivedValue 21 - 22 - `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. 23 - 24 - ## createAnimatedComponent 25 - 26 - `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. 27 - 28 - ## cancelAnimation 29 - 30 - 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. 31 - ```

-18

.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_debugging.txt

··· 1 - # Accurate Call Stacks 2 - 3 - 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. 4 - 5 - ```typescript 6 - // Example TypeScript snippet for context (not part of original content) 7 - function debugReanimatedCode() { 8 - // Debugging logic here 9 - } 10 - ``` 11 - 12 - | Aspect | Description | 13 - |-----------------------|-----------------------------------------------------------------------------| 14 - | **Issue** | Misleading call stacks in error or warning messages. | 15 - | **Cause** | Call stacks often highlight Reanimated's internal code rather than API misuse. | 16 - | **Impact** | Difficulty in identifying the true source of problems during debugging. | 17 - 18 - 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

··· 1 - # Reduced Motion Configuration 2 - 3 - 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. 4 - 5 - ```typescript 6 - interface ReducedMotionConfig { 7 - // Define properties or methods as needed 8 - } 9 - ``` 10 - 11 - 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

··· 1 - # Animating Styles and Props 2 - 3 - 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`. 4 - 5 - ## Animating Styles with `useAnimatedStyle` 6 - 7 - 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. 8 - 9 - ### Example 10 - 11 - ```typescript 12 - import { useSharedValue, withSpring, useAnimatedStyle } from 'react-native-reanimated'; 13 - 14 - const AnimatedComponent = () => { 15 - const opacity = useSharedValue(0); 16 - 17 - // Define the animated styles 18 - const animatedStyles = useAnimatedStyle(() => ({ 19 - opacity: withSpring(opacity.value), 20 - })); 21 - 22 - return <View style={[styles.view, animatedStyles]} />; 23 - }; 24 - ``` 25 - 26 - ## Animating Props with `useAnimatedProps` 27 - 28 - 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. 29 - 30 - ### Example 31 - 32 - ```typescript 33 - import { useSharedValue, withTiming, useAnimatedProps } from 'react-native-reanimated'; 34 - 35 - const AnimatedText = () => { 36 - const fontSize = useSharedValue(14); 37 - 38 - // Define animated props 39 - const animatedProps = useAnimatedProps(() => ({ 40 - fontSize: withTiming(fontSize.value + 10), 41 - })); 42 - 43 - return <Animated.Text style={styles.text} {...animatedProps}>Hello World</Animated.Text>; 44 - }; 45 - ``` 46 - 47 - ## Key Differences 48 - 49 - - **`useAnimatedStyle`:** Best for animating styles directly. It provides a way to interpolate values and apply them as inline styles. 50 - 51 - - **`useAnimatedProps`:** Ideal for animating props of components that do not support direct style interpolation. 52 - 53 - 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

··· 1 - ```markdown 2 - # Guides 3 - 4 - ## Worklets 5 - 6 - 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. 7 - 8 - ## Accessibility 9 - 10 - 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. 11 - 12 - ## Building for Android on Windows 13 - 14 - This article outlines basic troubleshooting steps for issues encountered when building React Native apps with Reanimated for Android devices from a Windows host machine. 15 - 16 - ## Compatibility 17 - 18 - Currently supported React Native versions (Paper) 19 - 20 - ## Contributing 21 - 22 - 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. 23 - 24 - ## Debugging Worklets 25 - 26 - Due to Reanimated's unique architecture and its use of a secondary JS runtime, debugging worklets can be challenging. 27 - 28 - ## Migration from 1.x 29 - 30 - We aimed to facilitate incremental migration from Reanimated 1 to Reanimated 2. 31 - 32 - ## Migration from 2.x 33 - 34 - 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. 35 - 36 - ## Testing with Jest 37 - 38 - Reanimated offers a testing API based on Jest, enabling users to mock web-based animations. 39 - 40 - ## Troubleshooting 41 - 42 - Initialization issues 43 - 44 - ## Web Support 45 - 46 - 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. 47 - ```

-27

.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_layout-animations.txt

··· 1 - ```markdown 2 - # Version 3.x: Layout Animations Overview 3 - 4 - ## Entering/Exiting Animations 5 - 6 - These animations are designed to animate elements as they enter into or exit from the view hierarchy, providing a dynamic user experience. 7 - 8 - ## Keyframe Animations 9 - 10 - 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. 11 - 12 - ## Layout Transitions 13 - 14 - 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. 15 - 16 - ## Custom Animations 17 - 18 - 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. 19 - 20 - ## Skipping Layout Animations 21 - 22 - The `LayoutAnimationConfig` component allows you to bypass entering and exiting animations when needed. 23 - 24 - ## List Layout Animations 25 - 26 - 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. 27 - ```

-7

.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_reanimated-babel-plugin.txt

··· 1 - ```markdown 2 - ## About 3 - 4 - ### What is Reanimated Babel Plugin? 5 - 6 - 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. 7 - ```

-62

.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_scroll.txt

··· 1 - ```markdown 2 - # `useAnimatedScrollHandler` 3 - 4 - 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. 5 - 6 - ## Usage 7 - 8 - 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. 9 - 10 - ### Example 11 - 12 - Below is a basic example demonstrating how to use `useAnimatedScrollHandler` in conjunction with a React Native ScrollView: 13 - 14 - ```typescript 15 - import { useAnimatedScrollHandler } from 'react-native-reanimated'; 16 - import { ScrollView, View, Text } from 'react-native'; 17 - 18 - const MyComponent = () => { 19 - const scrollHandler = useAnimatedScrollHandler({ 20 - onScroll: (event) => { 21 - // Handle the scroll event with animation logic here 22 - console.log(event.contentOffset); 23 - }, 24 - }); 25 - 26 - return ( 27 - <ScrollView 28 - horizontal 29 - pagingEnabled 30 - showsHorizontalScrollIndicator={false} 31 - onScroll={scrollHandler} 32 - > 33 - {/* Your content goes here */} 34 - <View style={{ width: '100%', height: 200, backgroundColor: 'red' }} /> 35 - <View style={{ width: '100%', height: 200, backgroundColor: 'blue' }} /> 36 - <View style={{ width: '100%', height: 200, backgroundColor: 'green' }} /> 37 - </ScrollView> 38 - ); 39 - }; 40 - 41 - export default MyComponent; 42 - ``` 43 - 44 - 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. 45 - 46 - ## Parameters 47 - 48 - The hook accepts an object with various properties that define how the scroll events should be handled: 49 - 50 - - **onScroll**: A function that receives the scroll event details, such as `contentOffset`, and can contain logic to animate or respond to the scroll action. 51 - - Additional optional parameters may include `onBeginDrag`, `onActiveDrag`, `onEndDrag`, etc., depending on the specific requirements of your animation. 52 - 53 - ## Benefits 54 - 55 - Using `useAnimatedScrollHandler` offers several advantages: 56 - 57 - - **Performance**: By leveraging React Native Reanimated, this hook ensures that animations are performed smoothly and efficiently. 58 - - **Flexibility**: Developers can customize scroll behavior extensively through various event handlers. 59 - - **Integration**: Seamlessly works with existing React Native components like ScrollView, FlatList, etc. 60 - 61 - By incorporating `useAnimatedScrollHandler` into your project, you can enhance the user experience with fluid and responsive scrolling animations. 62 - ```

-11

.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_shared-element-transitions.txt

··· 1 - ```markdown 2 - # Overview 3 - 4 - 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. 5 - 6 - ## Key Points 7 - 8 - - **Experimental Status**: The feature is still under development and testing. 9 - - **Not for Production Use**: It's advised against using it in live applications until further notice. 10 - - **Feedback Requested**: User input is crucial for refining the feature. 11 - ```

-5

.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_category_threading.txt

··· 1 - # createWorkletRuntime 2 - 3 - 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. 4 - 5 - 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

··· 1 - ```markdown 2 - # `useAnimatedGestureHandler` 3 - 4 - **Note:** This API has been deprecated. It no longer receives updates and will be removed in a future major release of Reanimated. 5 - 6 - ## Overview 7 - 8 - 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. 9 - ```

+3 -1

.cache/rewrite/docs.swmansion.com/react-native-reanimated_docs_layout-animations_entering-exiting-animations.txt

··· 1 + # Entering/Exiting animations 2 + 1 3 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: 2 4 3 5 ### Overview ··· 80 82 - **iOS**: Supported 81 83 - **Web**: Supported 82 84 83 - This guide provides developers with the tools to create and customize animations effectively across multiple platforms using `react-native-reanimated`. 85 + 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

··· 1 + # Accessibility 2 + 1 3 ### Overview of Accessibility Features in React Native 2 4 3 5 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). ··· 63 65 64 66 #### Additional Resources 65 67 66 - 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. 68 + 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

··· 1 + # Native Components 2 + 1 3 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: 2 4 3 5 ### Step 1: Set Up Your Project ··· 251 253 npx react-native run-ios 252 254 ``` 253 255 254 - 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. 256 + 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

··· 1 + # Image 2 + 1 3 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: 2 4 3 5 ### Adding Image Support ··· 93 95 - **`srcSet`**: Allows specifying multiple image sources for different resolutions. 94 96 - **Cache Control**: Use `cache` property in `source` to manage caching behavior. 95 97 96 - By leveraging these features, you can efficiently handle images in your React Native application, ensuring optimal performance and user experience. 98 + 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

··· 1 + # Key Concepts 2 + 1 3 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. 2 4 3 5 ### Prerequisites ··· 142 144 143 145 For release builds, ensure the script phase for bundling JS and images is correctly configured. Test thoroughly on both simulators and real devices. 144 146 145 - 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. 147 + 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

··· 1 - # Introduction 1 + # Native Platform 2 2 3 3 ## Overview 4 4 ··· 28 28 --- 29 29 30 30 **Previous:** The Codegen CLI 31 - **Next:** Android and iOS 31 + **Next:** Android and iOS

+3 -1

.cache/rewrite/reactnative.dev/docs_scrollview.txt

··· 1 + # ScrollView 2 + 1 3 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: 2 4 3 5 ### Properties ··· 48 50 - Scroll to specific coordinates with optional animation (`scrollTo`). 49 51 - Automatically scroll to the end of content (`scrollToEnd`). 50 52 51 - These properties and methods provide extensive control over scrolling behavior, performance optimization, and user interaction within a ScrollView component. 53 + 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

··· 1 + # Text 2 + 1 3 Here's a structured overview and explanation of the `Text` component in React Native, focusing on its properties and usage: 2 4 3 5 ### Overview ··· 63 65 64 66 ### Conclusion 65 67 66 - 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. 68 + 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

··· 1 + # TextInput 2 + 1 3 Here is a structured overview of the properties, methods, and known issues related to the `TextInput` component in React Native: 2 4 3 5 ### Properties ··· 72 74 - **react-native#19366**: `.focus()` doesn't bring up the keyboard after closing it via back button on Android. 73 75 - **react-native#26799**: `secureTextEntry` doesn't work with `keyboardType="email-address"` or `keyboardType="phone-pad"` on Android. 74 76 75 - This overview provides a comprehensive guide to using and understanding the `TextInput` component in React Native, including its properties, methods, and known issues. 77 + 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

··· 1 + # Cross-Platform Native Modules (C++) 2 + 1 3 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. 2 4 3 5 ### Prerequisites ··· 317 319 318 320 ### Conclusion 319 321 320 - 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. 322 + 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

··· 1 + # Native Modules 2 + 1 3 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: 2 4 3 5 ### Android Setup ··· 244 246 yarn run ios 245 247 ``` 246 248 247 - This setup provides a consistent `localStorage` API across both platforms using React Native's TurboModule system. 249 + 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 - ```markdown 2 - ## Content Rules in Nativewind 1 + # Content Rules in Nativewind 3 2 4 3 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. 5 - ``` 6 - 7 - 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

+1

src/index.ts

··· 42 42 '/react-native-reanimated/docs/next/(.*)', 43 43 '/react-native-reanimated/docs/2.x/(.*)', 44 44 '/react-native-reanimated/docs/1.x/(.*)', 45 + '/react-native-reanimated/docs/category/(.*)', 45 46 ], 46 47 }, 47 48 {

Configure Feed

Configure Feed