React-native-swipe-delete-view NPM

react-native-swipe-delete-view

This library is a List of rows that swipe to open, close and delete.It handles default native behavior such as closing rows when ListItem is deleted or when other rows are opend with ‘swipe-to-dismiss’ pattern.

This pattern can be seen everywhere from Google Now to Android’s notifications, Gmail, etc.

Installation

$ npm install react-native-swipe-delete-view —save

Properties

Props	Datatype	Description	isRequire
data	Array	Provide data in json format	Yes
onSwipeLeft	function(value)	Called when swipe the item of array left and return index of swiped item	No
onSwipeRight	function(value)	Called when swipe the item of array right and return index of swiped item	No
backgroundView	function(value)	Custom component for backgroundView, you can pass your own component like button, icon, text	No

Usage

Here full Example of package usage.

Swipe Both Side

    <Item 
        onSwipeLeft={i => console.log(i)}
        onSwipeRight={i => console.log(i)} 
        data={this.state.data} 
      />

Swipe Left Only

    <Item 
        onSwipeLeft={i => console.log(i)}
        data={this.state.data} 
      />

Swipe Right Only

    <Item 
        onSwipeRight={i => console.log(i)} 
        data={this.state.data} 
       />

Swipe Delete Item with Custom component

 <Item 
        onSwipeLeft={i => this.onSwipeLeft(i)}
        onSwipeRight={i => this.onSwipeRight(i)} 
        data={this.state.data} 
        backgoundView={<BackgoundView />}
      />