/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

0 vote394 views3 answers
Add webpack to react project
Javascript React
1 vote399 views1 answer
Share file in react native
Javascript React
3 votes421 views3 answers
Adding donet chart text center in react
Javascript React
0 vote385 views3 answers
Image border shadow react native
Javascript React
0 vote408 views2 answers
React convert excel to json
Javascript React
0 vote367 views1 answer
Set meterial icon color change onClick react
Javascript React
0 vote384 views2 answers
React materialize cdn
Javascript React
0 vote385 views1 answer
React router dom change default path
Javascript React
0 vote406 views1 answer
Array map order by timestamp reactjs
Javascript React
0 vote424 views2 answers
Go back to screen with params react native
Javascript React