LayoutAnimation on iOS

tero-paananen · May 2, 2022 · fafd161 · fafd161
1 parent b873733
commit fafd161
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "DraggableFlatList",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "private": true,
   "author": {
     "name": "Tero Paananen",

diff --git a/src/DraggableItem.tsx b/src/DraggableItem.tsx
@@ -1,5 +1,5 @@
 import React, { useMemo, useCallback, useRef } from 'react';
-import { View, StyleSheet } from 'react-native';
+import { View, StyleSheet, LayoutAnimation, Platform } from 'react-native';
 import { DraggableFlatListItem } from './DraggableFlatList';
 
 type DraggableItemType = {
@@ -34,6 +34,7 @@ const DraggableItem = ({
       const color = isBelow ? '#ededed' : 'transparent';
       return { ...{ backgroundColor: color }, ...{ height: itemHeight } };
     } else {
+      Platform.OS === 'ios' && isBelow && LayoutAnimation.easeInEaseOut();
       const height = isBelow ? itemHeight * 2 : itemHeight;
       return Boolean(userIsScrollingUp) === true
         ? [styles.up, { height: height }]