Touchable not working with map

[sahinboga]

Can you help me please!!!!!!!

<Touchable.Canvas style={{ width: width, height: height }}>
<SkiaImage
x={0}
y={0}
image={imageData}
height={height * 0.8}
width={width}
fit='cover'
>
{apiResponse?.draw_set.map((item, index) => (

<Touchable.Rect
key={index}
x={item.x}
y={item.y}
width={item.width * 0.8}
height={item.height}
color={item.color}
style="stroke"
strokeWidth={2}
{...rectGesture}
/>

))}

</Touchable.Canvas>

[enzomanuelmangano]

Hey, I noticed you’re applying the same rectGesture to all the Touchable.Rect components. You should probably create a separate gesture handler for each one.

Please let me know if this helps 🙏

[sahinboga]

Hey, I noticed you’re applying the same rectGesture to all the Touchable.Rect components. You should probably create a separate gesture handler for each one.

Please let me know if this helps 🙏

Hi, I tried what you suggested, but it didn't work. I tried a completely different method without using your package. However, I found that adding the "children" property to the dependency array would probably fix the problem.