React Native : Prevent touch outside the body image

Question

I have an Image of the body I am using a <Image> Component for that, and I have to mark wound on the body Image, but the thing is I have used <TouchableOpacity> for gain touch on the Image. Please Help me out on this. Thanks in advance.

Answer 1

I'd suggest you use react-native-svg to render a path instead .. which will allow you to handle onPress event for the path

  <Svg {/**props */}>
   <Path
      d="..." /** Path */
      onPress={() => alert('Pressed!')}
    />
  </Svg>

It'll also give you sharper looking image...