{"repo":"pawicao/react-native-header-motion","free":true,"listed":false,"github":"https://github.com/pawicao/react-native-header-motion","clone":"git clone https://github.com/pawicao/react-native-header-motion.git","description":"High-level APIs for orchestrating header motion driven by scroll — built on top of React Native Reanimated.","language":"TypeScript","stars":319,"topics":["animations","header","navigation","react","react-native","reanimated","collapsible","collapsible-header","collapsible-tab-view","draggable"],"license":"MIT","category":"mobile-apps","readme_excerpt":"React Native Header Motion Scroll-driven animated headers for React Native. React Native Header Motion gives you the plumbing for collapsible, progress-driven headers without forcing a prebuilt UI on you. It measures the header, derives a shared progress value, keeps multiple scrollables in sync, and bridges that state into navigation-rendered headers when needed. Built on top of: - React Native Reanimated - React Native Gesture Handler - React Native Worklets Documentation Full documentation lives here: - Docs home - Overview - Installation - Quick Start - Guides - API Reference What it helps with - Scroll-driven animated headers - Shared header state across tabs, pagers, and multiple scrollables - Navigation-rendered headers in Expo Router or React Navigation - Custom scrollables via createHeaderMotionScrollable() and ScrollablePresets - Optional header panning What it is not - A fully styled header component - A page layout framework - A general-purpose animation abstraction on top of Reanimated Installation Peer dependencies: - react-native-reanimated@^4.0.0 - react-native-gesture-handler@^2.0.0 - react-native-worklets@ =0.4.0 Then complete the standard setup for: - Reanimated and Worklets - Gesture Handler For other package managers and full setup notes, see the installation guide. Quick example In a real header, use useMotionProgress() to drive your Reanimated styles. See the Quick Start for the full walkthrough, animation examples, and styling details. Version notes - ","default_branch":null,"files":null,"tree":[],"storefront":"/r/pawicao","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/pawicao/react-native-header-motion/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}