style: made character list use reanimated list transition

Vali-98 · Nov 16, 2024 · d0def5a · d0def5a
1 parent edc3b2c
commit d0def5a
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/app/components/CharacterMenu/CharacterList.tsx b/app/components/CharacterMenu/CharacterList.tsx
@@ -13,7 +13,13 @@ import {
     TouchableOpacity,
     TextInput,
 } from 'react-native'
-import Animated, { FadeInUp, FadeOutUp, ZoomIn, ZoomOut } from 'react-native-reanimated'
+import Animated, {
+    FadeInUp,
+    FadeOutUp,
+    LinearTransition,
+    ZoomIn,
+    ZoomOut,
+} from 'react-native-reanimated'
 
 import CharacterListing from './CharacterListing'
 import CharacterNewMenu from './CharacterNewMenu'
@@ -232,7 +238,8 @@ const CharacterList: React.FC<CharacterListProps> = ({ showHeader }) => {
                             </View>
                         </Animated.View>
                     )}
-                    <FlatList
+                    <Animated.FlatList
+                        itemLayoutAnimation={LinearTransition}
                         showsVerticalScrollIndicator={false}
                         data={characterList}
                         keyExtractor={(item) => item.id.toString()}