step 6

lucacaputo · Dec 5, 2024 · a52ce1d · a52ce1d
1 parent 8b8d134
commit a52ce1d
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/components/ListItem.tsx b/components/ListItem.tsx
@@ -5,6 +5,7 @@ import Animated, {
   useAnimatedStyle,
   useSharedValue,
   withSpring,
+  withTiming,
 } from "react-native-reanimated";
 import { Image } from "expo-image";
 import { IMG_HEIGHT, STACK_OFFSET } from "@/constants";
@@ -54,6 +55,9 @@ const ListItem = ({
 
   const rItemStyle = useAnimatedStyle<ViewStyle>(() => ({
     transform: [{ translateY: yOffset.value }],
+    height: withTiming(
+      index === selectedIndex.value ? IMG_HEIGHT + 200 : IMG_HEIGHT
+    ),
   }));
 
   const tapGesture = Gesture.Tap().onStart(() => {