react-native-parallax-swiper

React Native Parallax Swiper

Add it to your project

Run npm install react-native-parallax-swiper --save

Usage

import ParallaxSwiper from 'react-native-parallax-swiper';

<ParallaxSwiper
  parallaxStrength={80}
  dividerWidth={8}
  dividerColor="black"
  backgroundColor="#bae"
  onMomentumScrollEnd={() => console.log('💩')}
>
  <View
    style={{
      flex: 1,
      alignItems: 'center',
      justifyContent: 'center',
     }}
     backgroundImage={'https://goo.gl/7Mvjji'}
    >
    <Text>Pass Arbitrary JSX to ParallaxSwiper as Children</Text>
  </View>
</ParallaxSwiper>

Props

Prop	Type	Description
parallaxStrength	number	how much parallax you want
dividerWidth	number	width of slide divider
dividerColor	string	color of slide divider
backgroundColor	string	color of main scrollview background
onMomentumScrollEnd	function	called when scrollview completed scrolling
children	JSX	pass arbitrary JSX into slide

Copyright

Copyright (c) 2017 Zachary Gibson Licensed under the MIT license.