react-native-stagger-in

Staggered views made simple

Quick Access

• Installation
• Preview
• Expo
• Usage
• Properties
• Contributing

Installation

Install the module with:

npm install react-native-stagger-in --save

Preview

Expo

You can find the Expo snack here: https://snack.expo.io/@johan-dev/staggerin

Usage

Simply import the component

import StaggerIn from 'react-native-stagger-in';

Then use as follows

<StaggerIn>
    <Text>View 1</Text>
    <Text>View 2</Text>
</StaggerIn>

Top

Properties

Prop	Description	Default
duration	The duration each view takes to load in	300
staggerDelay	The delay between each animation	200
useNativeDriver	Use the native drive for the animations	true

Top

Contributing

Feel free to do pull requests if a certain feature you want is missing. We accept all PR's that are enhancements to the project.

Top