React Native On Press 未按预期工作

Question

当我单击某个位置时，我试图在该新闻位置放置一张图片，但我遇到了错误。当我点击一个已经存在的贴纸时，它会获得相对于贴纸的 on press 坐标，所以如果我点击我已经存在的贴纸的左上角，它只会在屏幕的左上角。为什么会这样？这是我的代码

<TouchableOpacity
    activeOpacity={1}
    onPress={(event: GestureResponderEvent) => {
    const { locationX: x, locationY: y } = event.nativeEvent;
    setStickers(stickers.concat({ x, y }));
    console.log("X: " + x);
    console.log("Y: " + y);
    }}
    style={styles.imageButton}>

          <Image style={styles.fullImage} source={{ uri }} />
          {stickers.map((sticker, index) => {
            return (
              <Image
                source={stickerImage}
                style={{
                  width: 100,
                  height: 100,
                  position: "absolute",
                  top: sticker.y,
                  left: sticker.x,
                }}
                key={index}
              />
            );
          })}
</TouchableOpacity>

Answer 1

我的解决方案是使用 pageX 和 pageY 而不是 locationX 和 locationY。感谢帮助我的人。