React-native-swiper-split NPM

react-native-swiper-split

logo

The best Swiper component for React Native.

With Extras

Basic Usage

Install react-native first

$ npm i react-native-swiper-split --save

get more options info from react-native-swiper

New Properties

Prop	Default	Type	Description
decreasePage	0	number	decrease pixels from child swiper.
pageSplit	1	number	how many splits you will see on same page.

require 'react-native-swiper-split'

var Swiper = require('react-native-swiper-split')

Just add those properties

var swiper = React.createClass({
  _onMomentumScrollEnd: function (e, state, context) {
    console.log(state, context.state)
  },
  render: function() {
    return (
      <Swiper style={styles.wrapper}
      decreasePage={20}
      pageSplit={2}>
     ...
      </Swiper>
    )
  }
})