npm.io
1.4.11 • Published 10 years ago

react-native-swiper-split

Licence
ISC
Version
1.4.11
Deps
1
Vulns
0
Weekly
0
Stars
10.5K

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
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>
    )
  }
})

Contribution

  • @Amos The main author.
  • @Ziv The secondary contributor.

Questions

Feel free to contact me or create an issue

Inspired by leecade/react-native-swiper.

Keywords