1.0.0 • Published 5 years ago
rn-swipeable-flatlist v1.0.0
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