react-native-swipeable-view

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