# react-native-swiper-split

> Fork of Swiper component for React Native,added split option

Latest version **1.4.11** (published 2016-07-17) · ISC license · 0 weekly downloads

## Install

```sh
npm install react-native-swiper-split
pnpm add react-native-swiper-split
yarn add react-native-swiper-split
bun add react-native-swiper-split
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: no vulnerabilities; popular repo.

Warnings: low downloads; no types; no esm support.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 1.4.11 |
| Published | 2016-07-17 |
| First published | 2016-07-17 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 10477 |
| Author | moonsite |
| Maintainers | ami_moonsite |
| Keywords | react-component, react-native, ios |

## Links

- npm: https://www.npmjs.com/package/react-native-swiper-split
- Repository: https://github.com/leecade/react-native-swiper
- Homepage: https://github.com/amos80m/react-native-swiper#readme
- Issues: https://github.com/amos80m/react-native-swiperissues
- npm.io page: https://npm.io/package/react-native-swiper-split

## Dependencies (1)

- [react-timer-mixin](https://npm.io/package/react-timer-mixin.md) ^0.13.3

## Recent versions

- 1.4.11 (latest) — 2016-07-17
- 1.4.10 — 2016-07-17
- 1.4.9 — 2016-07-17
- 1.4.8 — 2016-07-17
- 1.4.7 — 2016-07-17
- 1.4.6 — 2016-07-17

## README

# react-native-swiper-split

![logo](http://www.moonsite.co.il/images/logo3.png)

The best Swiper component for React Native.
#### With Extras
-----

### Basic Usage

- Install `react-native` first

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

- get more options info from [react-native-swiper](https://github.com/leecade/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

```jsx
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](mailto:ami@moonsite.co.il) The main author.
- [@Ziv](mailto:ziv@moonsite.co.il) The secondary contributor.

## Questions

Feel free to [contact me](mailto:ami@moonsite.co.il) or [create an issue](https://github.com/amos80m/react-native-swiper-split/)

> Inspired by [leecade/react-native-swiper](https://github.com/leecade/react-native-swiper).

---
_Source: https://npm.io/package/react-native-swiper-split · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._