/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 vote324 views1 answer
React redux wait for props
Javascript React
1 vote321 views2 answers
Hide react source
Javascript React
0 vote313 views1 answer
News api react native
Javascript React
1 vote281 views1 answer
Responsive calc height react native
Javascript React
1 vote338 views1 answer
Statusbar.sethidden(true) in react native
Javascript React
15 votes291 views3 answers
Loop over a nerber in react
Javascript React
0 vote306 views1 answer
_40 0 _55 null _65 0 _72 null react native fetch
Javascript React
0 vote263 views1 answer
Import button react-bootstrap
Javascript React
13 votes311 views4 answers
React deep copy
Javascript React
0 vote325 views1 answer
React native open simulators list
Javascript React