react-native-double-click-instagram

react native double click component with instagram heart animation option

Usage no npm install needed!

<script type="module">
  import reactNativeDoubleClickInstagram from 'https://cdn.skypack.dev/react-native-double-click-instagram';
</script>

README

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

License

MIT