rn-swipeable-flatlist

React Native Swipeable FlatList

A simple and fast React Native swipeble flatlist component. Supports both iOS and Android.

Installation

npm i --save rn-swipeable-flatlist

Usage

import SwipebleList from 'rn-swipeable-flatlist';
 
function MyListItem() {
    return (
        <View>
            <SwipebleList
                data={[1, 2, 3]}
                duration={500}
                renderItem={this.renderItem}
                keyExtractor={this.keyExtractor}
                leftColor={'green'}
                rightColor={'blue'}
                onSwipeLeft={this.onSwipe}
                onSwipeRight={this.onSwipe}
            />
        </View>
    );
}

Props

prop	type	default	description
swipeDistanceActive	integer	0.3	swipeable distance for active swipe
duration	integer	300	swipe duration
leftView	renderable	null	(optional) left content visible during pull action
rightView	renderable	null	(optional) right content visible during pull action
leftColor	string	rgba(146, 149, 181, 0.7)	(optional) background color for left content
rightColor	string	rgba(132, 147, 158, 0.7)	(optional) background color for left content
onSwipeLeft	function	null	(optional) user has swiped beyond swipeDistanceActive and released
onSwipeRight	function	null	(optional) user has swiped beyond swipeDistanceActive and released

Example

For example used view Example/index.js file.

License

MIT