A React Native ScrollView-like component with parallax backgrounds, foregrounds, and sticky/fixed headers.
react-native-parallax-scroll is a React Native component that adds parallax scrolling effects to scrollable views. It provides a ScrollView-like interface with layered backgrounds and foregrounds that move at different speeds, along with sticky or fixed headers, to create immersive mobile interfaces. It solves the need for visually dynamic scrolling experiences in React Native apps without requiring custom animation implementations.
React Native developers building mobile applications that require engaging scroll-based UIs, such as social media feeds, product detail pages, or onboarding screens with visual depth.
Developers choose this library because it offers a straightforward, configurable API for parallax effects while maintaining full compatibility with ScrollView props. Its support for nesting, cross-platform performance, and extensive customization options make it a reliable choice for adding polished scrolling interactions.
Parallax scroll view for react-native
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Offers a straightforward API to add layered parallax effects with customizable scroll speeds, as shown in the basic usage example with parallaxBackgroundScrollSpeed and parallaxForegroundScrollSpeed props.
Includes native support for sticky or fixed headers with configurable height and callbacks like onChangeHeaderVisibility, reducing the need for custom header logic.
Fully compatible with ScrollView props, allowing seamless integration into existing scroll-based layouts without breaking changes.
Can be nested within FlatList or SectionList, enabling complex scrollable interfaces as mentioned in the nesting support feature.
Last update was in 2018 (version 1.8.0), which raises concerns about compatibility with newer React Native versions and lack of bug fixes.
Limited native driver support; the README admits it only works with Animated.ScrollView and features like headerBackgroundColor do not function with it, impacting performance optimizations.
With over 20 props for fine-tuning, setup can be overwhelming, and the examples require cloning the repo and running storybook, indicating poor documentation accessibility.