A React Native component that creates an Apple-style large header that fades into a smaller header on scroll.
react-native-header-scroll-view is a React Native library that provides a component for creating large headers that fade into smaller ones as users scroll, mimicking the native iOS design pattern. It solves the need for Apple-style header animations in React Native apps, offering a smooth, visually consistent experience similar to apps like Messages and Books. The component is highly customizable through various style props to fit different design requirements.
React Native developers building iOS-styled applications who want to implement native-like large header animations without relying on native modules. It's particularly useful for those aiming to replicate Apple's UI patterns in their mobile apps.
Developers choose this library for its straightforward implementation of Apple's header design, offering a drop-in solution with extensive customization options. It provides a polished, performant alternative to building custom scroll-based header animations from scratch, though it's now deprecated in favor of native solutions like react-native-screens/native-stack.
A React Native component that creates a Apple-esque large header that fades in a smaller header as you scroll.
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Accurately replicates Apple's large header fade animation, as shown in the GIF, providing a polished iOS-styled interface similar to Messages and Books.
Offers multiple style props like titleStyle and headerContainerStyle, allowing fine-grained control over header appearance without native code.
Designed to integrate seamlessly with React Navigation by enabling easy disabling of built-in headers, as documented in the usage examples.
With default Apple-style settings, developers only need to provide a title prop for quick implementation, reducing setup time.
The README explicitly states the library is deprecated, meaning no bug fixes, updates, or support, which poses risks for project stability.
Focused solely on mimicking iOS patterns, so it may not adapt well to Android or cross-platform apps without significant customization efforts.
As a JavaScript-based component, it may have performance trade-offs compared to native solutions like react-native-screens/native-stack, especially in complex scroll views.