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