React Native Parallax screenshot

React Native Parallax

Author Avatar Theme by Oblador
Updated: 19 Sep 2017
586 Stars

Parallax effects for React Native using Animated API

Categories

Overview

The react-native-parallax module is a package that enables developers to implement parallax effects in React Native projects. It requires React Native 0.8+ for compatibility.

Features

  • Parallax.ScrollView Properties: Configurable properties to customize the parallax scrolling behavior.
  • Parallax.Image Properties: Options to control the parallax effect on images, including onPress event handling.
  • scrollViewComponent: Customizable underlying ScrollView component.
  • imageStyle: Ability to apply optional styles to images.
  • overlayStyle: Option to add an overlay for better readability.
  • parallaxFactor: Control the speed of the parallax effect.

Installation

To install the react-native-parallax module, you can follow these steps:

  1. Add the package to your project using npm:
    npm install react-native-parallax
    
  2. Import the necessary components in your code:
    import { Parallax } from 'react-native-parallax';
    

Summary

The react-native-parallax module provides a straightforward way to incorporate parallax effects in React Native applications. With customizable properties for ScrollView and Image components, developers can adjust the parallax behavior and styles to suit their design preferences.