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 />}
      />

Clone

• Clone this repo to your local machine using https://github.com/fatema-binbytes/react-native-swipe-delete.git

License

MIT