/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 vote145 views1 answer
Could not resolve project :react-native-iap mergedebugassets
Javascript React
-2 votes157 views5 answers
React cheat sheet
Javascript React
2 votes147 views2 answers
How to export multiple functions react from one file
Javascript React
0 vote183 views1 answer
React paypal express checkout
Javascript React
0 vote151 views1 answer
Get element ref react
Javascript React
1 vote154 views1 answer
React toggle class
Javascript React
1 vote149 views1 answer
Conditional style react native
Javascript React
15 votes139 views2 answers
UseReducer() hook react
Javascript React
1 vote214 views5 answers
Import { useBeforeunload } from 'react-beforeunload
Javascript React
3 votes156 views1 answer
React native nox emulator
Javascript React