Add duration to long press event

[j-piasecki]

Description

Fixes #1090.

Added duration property to the LongPressGestureHandler events. This change allows to check how long the entire event lasted.

Code I used to test it:

import React, { Component } from 'react';
import { StyleSheet, View } from 'react-native';

import {
  LongPressGestureHandler,
  LongPressGestureHandlerStateChangeEvent,
} from 'react-native-gesture-handler';

export class PressBox extends Component {
  private onHandlerStateChange = (
    event: LongPressGestureHandlerStateChangeEvent
  ) => {
    console.log(`Duration: ${event.nativeEvent.duration}`);
  };

  render() {
    return (
      <LongPressGestureHandler
        onHandlerStateChange={this.onHandlerStateChange}
        minDurationMs={600}>
          <View style={styles.box} />
      </LongPressGestureHandler>
    );
  }
}

export default class Example extends Component {
  render() {
    return (
      <PressBox />
    );
  }
}

const styles = StyleSheet.create({
  box: {
    width: 150,
    height: 150,
    alignSelf: 'center',
    backgroundColor: 'plum',
    margin: 10,
    zIndex: 200,
  },
});

[jakub-gonet]

If you have a code example you tested it on, please attach it to the PR description.

I wonder if calculating duration in extractEventData is a good idea since this effectively ties this method to state transitions. We can alternatively store it and send it only when the state transitions to FINISHED or FAILED.

[jakub-gonet]

🍉 🍉 🍉