DoubleTap component for React Native

DoubleTap.js

import React from "react";
import { TouchableOpacity } from "react-native"

const DoubleTap = ({ children, delay, doubleTap, singleTap, ...rest }) => {
  let timer = false;
  let firstPress = true;
  let delayTime = delay;
  let lastTime = new Date();


  return (
    <TouchableOpacity onPress={() => onTap()} {...rest}>
      {children}
    </TouchableOpacity>
  );

  function onTap() {
    let now = new Date().getTime();

    if (firstPress) {
      firstPress = false;

      timer = setTimeout(() => {
        singleTap && singleTap();
        firstPress = true;
        timer = false;
      }, delayTime);

      lastTime = now;
    } else {
      if (now - lastTime < delayTime) {
        timer && clearTimeout(timer);

        doubleTap && doubleTap();

        firstPress = true;
      }
    }
  }
};

DoubleTap.defaultProps = {
  delay: 150,
};