TouchableDebounce.js

// @flow

import React from 'react';
import { TouchableOpacity } from 'react-native';
import debounce from 'lodash.debounce';

const TouchableDebounce = ({
  children,
  onPress,
  ...props
}: TouchableOpacity): TouchableOpacity => (
  <TouchableOpacity onPress={ debounce(onPress, 500) } { ...props }>
    {children}
  </TouchableOpacity>
);

export default TouchableDebounce;