/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

1 vote104 views2 answers
Upload image react
Javascript React
0 vote98 views1 answer
Retore react app
Javascript React
0 vote102 views1 answer
Limit data with axios in react js
Javascript React
0 vote101 views1 answer
Open modal on clicking select option in react
Javascript React
64 votes108 views6 answers
Router react
Javascript React
6 votes111 views3 answers
React native vector icons not showing
Javascript React
0 vote106 views1 answer
React-native-ffmpeg gradel issue
Javascript React
1 vote94 views3 answers
React redux how to change object value in reducer
Javascript React
11 votes121 views3 answers
React app and tailwind
Javascript React
0 vote94 views1 answer
React-native-bouncy-checkbox
Javascript React