react-native-swipeable-item
Advanced tools
Comparing version
{ | ||
"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 | ||
 | ||
 | ||
@@ -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
15409
3.29%307
6.23%188
-1.57%