Staggered views made simple
Install the module with:
npm install react-native-stagger-in --save
You can find the Expo snack here: https://snack.expo.io/@johan-dev/staggerin
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>
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 |
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.