react-native-double-click-instagram

A react native double click function with instagram heart animation option

Installation

• npm install --save react-native-double-click-instagram
• yarn add react-native-double-click-instagram

Usage

import DoubleClick from "react-native-double-click-instagram";

export default class App extends React.Component {
  render() {
    return (
      <View>
        <DoubleClick
          icon
          delay={300}
          timeout={1000}
          doubleClick={() => console.log("double-click")}
        >
          <View>
            <Image
              source={{
                uri,
              }}
              style={styles.image}
            />
          </View>
        </DoubleClick>
      </View>
    );
  }
}

Props

Property	Type	Default	Description
icon	boolean	false	Instagram heart icon animation
doubleTap	function	null	Function for doucle click event
delay	number	300	Time for delay between taps
timeout	number	1000	Time for show heart animation
color	string	red	Color of the icon
size	number	120	Size of the icon
customIcon	JSX Element	undefined	Use your own component/Icon instead of instagram heart icon

License

MIT