Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save ronal2do/242295832faab0fabd426b28d1034603 to your computer and use it in GitHub Desktop.
Save ronal2do/242295832faab0fabd426b28d1034603 to your computer and use it in GitHub Desktop.
Double tap gesture recognition for React Native.
const DOUBLE_PRESS_DELAY = 300;
// ...
/**
* Double Press recognition
* @param {Event} e
*/
handleImagePress(e) {
const now = new Date().getTime();
console.log(e);
if (this.lastImagePress && (now - this.lastImagePress) < DOUBLE_PRESS_DELAY) {
delete this.lastImagePress;
this.handleImageDoublePress(e);
}
else {
this.lastImagePress = now;
}
}
handleImageDoublePress(e) {
console.log('double press activated!');
}
// ...
<TouchableWithoutFeedback onPress={this.handleImagePress}>
<Image style={styles.verseArtwork} source={verse.artwork} />
</TouchableWithoutFeedback>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment