fix: revert keyExtractor changes

tsdmrfth · Apr 10, 2021 · 2d05820 · 2d05820
1 parent 683ebb8
commit 2d05820
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/Steve.js b/src/Steve.js
@@ -13,7 +13,7 @@ import { PanGestureHandler } from 'react-native-gesture-handler'
 const { width: screenWidth } = Dimensions.get('window')
 const containerPaddingHorizontal = 10
 
-export const Steve = ({ data, renderItem, containerStyle }) => {
+export const Steve = ({ data, renderItem, keyExtractor, containerStyle }) => {
     const itemLayoutsCache = useRef({})
     const [itemLayouts, setItemLayouts] = useState({})
     const translateX = useSharedValue(0)
@@ -68,11 +68,11 @@ export const Steve = ({ data, renderItem, containerStyle }) => {
 
     const Items = () => {
         return data.map((item, index) => {
+            const itemKey = keyExtractor(item, index)
             return (
                 <Item
-                    key={index}
-                    itemKey={index}
-                    {...{ item, index }}/>
+                    key={itemKey}
+                    {...{ item, index, itemKey }}/>
             )
         })
     }