React Native:防止身体外图像接触

问题描述

我有一个身体图像,为此我正在使用<Image>组件,我必须在身体图像上标记伤口,但是事情是我已经使用<TouchableOpacity>来获得触摸图片。请帮我解决这个问题。预先感谢。

Wrong One

Right one

解决方法

我建议您使用react-native-svg来呈现path而不是..这将允许您处理路径的onPress事件

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

它还会为您提供更清晰的图像...

,

onPress的{​​{1}}处理程序收到一个TouchableOpacity作为参数。该对象包含有关印刷机位置的信息。

https://reactnative.dev/docs/pressevent