🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more
Socket
DemoInstallSign in
Socket

react-native-swipeable-item

Package Overview
Dependencies
Maintainers
1
Versions
35
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-native-swipeable-item - npm Package Compare versions

Comparing version

to
1.0.7

2

package.json
{
"name": "react-native-swipeable-item",
"version": "1.0.6",
"version": "1.0.7",
"description": "Swipeable flatlist row",

@@ -5,0 +5,0 @@ "main": "index.tsx",

@@ -8,3 +8,3 @@ # React Native Swipeable Item

![Swipeable Item demo](https://i.imgur.com/AjjflR4.gif)
![Swipeable Item demo](https://i.imgur.com/fFCnQ0n.gif)

@@ -22,4 +22,4 @@ ## Install

:--- | :--- | :---
`renderUnderlayLeft` | `(item: T) => React.ReactNode` | Component to be rendered underneath row on left swipe.
`renderUnderlayRight` | `(item: T) => React.ReactNode` | Component to be rendered underneath row on left swipe.
`renderUnderlayLeft` | `(params: { item: T, percentOpen: Animated.Node<number>, open: () => void, close: () => void }) => React.ReactNode` | Component to be rendered underneath row on left swipe.
`renderUnderlayRight` | `(params: { item: T, percentOpen: Animated.Node<number>, open: () => void, close: () => void }) => React.ReactNode` | Component to be rendered underneath row on left swipe.
`underlayWidthLeft` | `number` | Width of left-swiped underlay.

@@ -83,3 +83,3 @@ `underlayWidthRight` | `number` | Width of left-swiped underlay.

deleteItem = ({ item }) => {
deleteItem = (item) => {
const updatedData = this.state.data.filter(d => d !== item);

@@ -101,3 +101,3 @@ // Animate list to close gap when item is deleted

renderUnderlayRight = ({ item, percentOpen }) => (
renderUnderlayRight = ({ item, percentOpen, close }) => (
<Animated.View

@@ -108,6 +108,3 @@ style={[styles.row, styles.underlayRight, {

<TouchableOpacity
onPressOut={() => {
const ref = this.itemRefs.get(item.key);
if (ref) ref.close();
}}>
onPressOut={close}>
<Text style={styles.text}>CLOSE</Text>

@@ -114,0 +111,0 @@ </TouchableOpacity>

Sorry, the diff of this file is not supported yet