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。 感謝幫助我的人。