react-native-swipeable-view

This library allow you to create swipeable component, by exemple for a row in a list view, or anywhere you want. The code is based on the experimental SwipeableListView of react-native.

Installation

npm install --save react-native-swipeable-view

Usage example

import SwipeableView from 'react-native-swipeable-view';

// Buttons
var btnsArray = [
  {
    text: 'Button',
  },
];

// SwipeableView component
<SwipeableView btnsArray={ btnsArray }>
  <View>
    <Text>Swipe me left</Text>
  </View>
</SwipeableView>

Props

Prop | Type | Optional | Default | Description ------------------- | ------ | -------- | --------- | ----------- isOpen         | bool   | Yes | false | Swipeout is open or not autoClose       | bool   | Yes     | false   | Auto-Close on button press btnsArray | array | No | [] | Swipe buttons array onOpen | func | Yes | | Callback when swipe is opened onClose | func | Yes | | Callback when swipe is closed onSwipeStart   | func   | Yes      | | Callback when swipe start onSwipeEnd   | func   | Yes      | | Callback when swipe end shouldBounceOnMount | bool | Yes | false | Bounce component on mount swipeThreshold | number | Yes | 30 | The minimum swipe distance required before fully animating the swipe isRTL | bool | Yes | false | True/false if the current language is right to left

Button props

Prop | Type | Optional | Default | Description --------------- | ------ | -------- | --------- | ----------- props           | object | Yes     |           | Pass custom props to button component component       | string | Yes     | null   | Pass custom component to button onPress | func | Yes | null | Function executed onPress text | string | Yes | 'Click Me'| Text type | string | Yes | 'default' | Default, primary, secondary

To Do

If you have any amelioration:

https://github.com/magrinj/react-native-swipeable-view/issues