/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

3 votes216 views1 answer
Force update react hooks
Javascript React
33 votes225 views2 answers
Routing in react
Javascript React
12 votes226 views2 answers
How to integrate redux dev tool to react application
Javascript React
5 votes276 views3 answers
CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker"
Javascript React
0 vote204 views1 answer
Content uri react native fs
Javascript React
1 vote288 views1 answer
How to test useEffect in react testing library
Javascript React
0 vote231 views1 answer
Reference hook in react
Javascript React
0 vote202 views1 answer
Metro server not running react native
Javascript React
7 votes224 views3 answers
React route props
Javascript React
139 votes712 views6 answers
Creat react app
Javascript React