Detecting when certain shapes are tapped

[thepalbi]

Hi!
I want to implement a mechanism for detecting when a certain shape added to the canvas (particularly Path drawn from SVG shapes) is tapped. Tried looking into how https://github.com/enzomanuelmangano/react-native-skia-gesture/tree/main is implemented, but couldn't figure out how can I "loop over the shapes in the canvas".

My plan is tu hook on the the Gesture.Tap event from react-native-gesture-handler, and kind of loop over all shapes checking if that event was inside a shape.

    const tap = Gesture.Tap().onEnd((evt) => {
        console.log("Canvas tapped", evt.x, evt.y);
    });

Any ideas / advice on how to implement this?

[wcandillon]

this tutorial should be helpful: https://www.youtube.com/watch?v=5yM4NPcTwY4