new: Animate function is available

Author: kuraydev

README.md

@@ -52,6 +52,7 @@ You can put **ANY children component** inside the **RNBounceable** component, it
 | bounceEffect    |  number  |    0.9    | change the bounce effect's value                 |
 | bounceFriction  |  number  |     3     | change the bounce effect's friction value        |
 | useNativeDriver | boolean  |   true    | change the useNativeDriver's usage               |
+| animate         | function |  default  | activate the bounce effect animation             |
 
 ## Future Plans
 

assets/Screenshots/RN-Bounceable.gif

@@ -33,30 +33,33 @@ export default class RNBounceable extends React.Component<
     };
   }
 
-  springAnimation = () => {
+  animate = () => {
     const { springValue } = this.state;
     const {
       bounceEffect = 0.9,
       bounceFriction = 3,
       useNativeDriver = true,
-      onPress,
     } = this.props;
     springValue.setValue(bounceEffect);
     Animated.spring(springValue, {
       toValue: 1,
       friction: bounceFriction,
       useNativeDriver,
     }).start();
+  };
+
+  onPress = () => {
+    this.animate();
     // ?  Outside of the onPress function callback
-    onPress && onPress();
+    this.props.onPress && this.props.onPress();
   };
 
   render() {
     const { children, style } = this.props;
     return (
       <TouchableWithoutFeedback
         {...this.props}
-        onPress={this.springAnimation.bind(this, Easing.bounce)}
+        onPress={this.onPress.bind(this, Easing.bounce)}
       >
         <Animated.View
           style={[{ transform: [{ scale: this.state.springValue }] }, style]}

lib/RNBounceable.tsx

@@ -1,6 +1,6 @@
 {
   "name": "@freakycoder/react-native-bounceable",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "description": "Animate and bounce any component with RNBounceable for React Native",
   "main": "./build/dist/RNBounceable.js",
   "repository": "git@github.com:WrathChaos/react-native-bounceable.git",