Bind onClick , onBlur Events to Canvas

[Sundarcj]

Hi, I'm using skia-react-native on the web, for my use case I need to bind onBlur and onClick events to the Canvas.
Can anyone explain the way to add click/blur events to the canvas?

[wcandillon]

If you add a ref to your Canvas you can access the html element via:

ref.current._canvasRef.current

const ref = useRef(null);
useEffect(() => {
    console.log(ref.current._canvasRef.current);
}, [ref]);
return (
  <Canvas ref={ref}>
   <Fill />
  </Canvas>
);