React Native On Press 未按预期工作

Question

我试图在单击某处时将图像放在该新闻位置，但我运行出错了。当我点击一个已经存在的标签时，它会获取相对于标签的按下坐标，因此如果我点击我已经存在的标签的左上角，它就会位于屏幕的左上角。为什么会这样？这是我的代码

<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。感谢帮助我的人

React Native On Press 未按预期工作

React Native On Press Not Working As Expected

javascript

reactjs

react-native

mobile-development

onpress