React native get the coordinates of my touch event

Question

How would I get the coordinates of my touch event. So I tap anywhere within the display and I can retrieve the X, Y positioning of where it happened.

Answer 1

You will need to wrap your view object with TouchableOpacity or one of the other Touchable components. With TouchableOpacity you have the onPress prop that is passed a press event. From this press event you have access to the x,y coordinates of the press.

pseudo code would look like this:

render() {  ....  <TouchableOpacity onPress={(evt) => this.handlePress(evt) }   .... >   <View></View> </TouchableOpacity> }  handlePress(evt){   console.log(`x coord = ${evt.nativeEvent.locationX}`); } 

Answer 2

Put it on your view tag and you can get all coordinates

<View onTouchStart={(e) => {console.log('touchMove',e.nativeEvent)}} /> 

For example

<View onTouchStart={(e) => {console.log('touchMove',e.nativeEvent)}} /> 

However this event only work with tag. so you can set view according to your requirement.