/Javascript/React/Prevent double tap in react native

Prevent double tap in react native

import debounce from 'lodash.debounce'; // 4.0.8

const withPreventDoubleClick = (WrappedComponent) => {

  class PreventDoubleClick extends React.PureComponent {

    debouncedOnPress = () => {
      this.props.onPress && this.props.onPress();
    }

    onPress = debounce(this.debouncedOnPress, 300, { leading: true, trailing: false });

    render() {
      return <WrappedComponent {...this.props} onPress={this.onPress} />;
    }
  }

  PreventDoubleClick.displayName = `withPreventDoubleClick(${WrappedComponent.displayName ||WrappedComponent.name})`
  return PreventDoubleClick;
}

Source: stackoverflow.com

Similar codes

105 votes211 views3 answers
React bootstrap do you need to import
Javascript React
0 vote158 views1 answer
ResolveAssetSource react-native-web
Javascript React
5 votes196 views1 answer
Deploy react js heroku
Javascript React
0 vote145 views1 answer
React bootstrap make col disapear in small screens
Javascript React
1 vote132 views1 answer
Connect metamask with react app
Javascript React
0 vote126 views1 answer
Form.select react bootstrap
Javascript React
0 vote143 views2 answers
Module not found: Error: Can't resolve 'crypto' react
Javascript React
0 vote150 views1 answer
How to make dynamic title for screen in react native
Javascript React
1 vote182 views1 answer
How to set height of material ui dialog react
Javascript React
3 votes141 views3 answers
Multiple styles in react native
Javascript React