Adds parallax scrolling effects to React Native apps using the Animated API.
react-native-parallax is a React Native library that enables developers to easily implement parallax scrolling effects in mobile applications. It provides wrapper components like Parallax.ScrollView and Parallax.Image that leverage React Native's Animated API to create smooth, performant visual effects where background images move slower than foreground content during scrolling.
React Native developers building mobile apps who want to add engaging parallax scrolling animations to enhance user interfaces, particularly those working on apps with scrollable content like profiles, feeds, or galleries.
Developers choose this library for its minimal, declarative API that allows adding sophisticated parallax effects with just a few lines of code, while maintaining full compatibility with React Native's core components and styling system, avoiding complex animation implementations.
Parallax effects for React Native using Animated API
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Allows adding parallax effects with just a few lines of code, as shown in the usage example where Parallax.ScrollView and Parallax.Image wrap standard components without complex setup.
Offers a parallaxFactor prop to adjust the speed differential, enabling fine-tuned control over the visual effect, with a default of 0.2 as per the README.
Supports overlayStyle for adding shaded backgrounds over images, improving text visibility, as demonstrated in the demo with rgba overlays.
Includes an onPress prop for tap handling on Parallax.Image, making it easy to add user interactions without extra code.
Specifies a requirement for React Native 0.8+, which is several years behind current versions, raising concerns about maintenance, bug fixes, and integration with modern tooling.
Mandates that Parallax.Image must be direct children of Parallax.ScrollView, limiting flexibility for nested components or more complex UI structures.
The README is brief with only basic examples, lacking advanced use cases, troubleshooting guides, or updates for newer React Native features.