react-native无法捕获触摸事件的坐标

Question

我正在尝试捕捉触摸事件的x，y坐标。我希望在屏幕上有任何触摸事件，我可以捕捉到触摸的x，y坐标。

我正在使用TouchableOpacity并且可以响应onPress，但它没有获得传递的坐标。

Answer 1

当可触摸对象触发onPress处理程序时，会将事件变量传入处理程序。您可以按照以下步骤从事件中提取坐标：

<TouchableOpacity 
    onPress={(event) => {
        const {
            // Location (x,y) is relative to
            // the top-left of the component
            locationX,
            locationY,

            // Page (x,y) is relative to
            // the top-left of the device screen
            pageX,
            pageY,
        } = event.nativeEvent
    }
}