Support animationStyle function

Kureev · Aug 30, 2015 · e1cef09 · e1cef09
1 parent edd3740
commit e1cef09
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/index.js b/index.js
@@ -228,11 +228,7 @@ class SideMenu extends Component {
 
     return (
       <Animated.View
-        style={[styles.frontView, {
-          transform: [{
-            translateX: this.state.left,
-          }],
-        }, ]}
+        style={[styles.frontView, this.props.animationStyle(this.state.left)]}
         ref={(sideMenu) => this.sideMenu = sideMenu}
         {...this.responder.panHandlers}>
         {children}
@@ -298,6 +294,13 @@ SideMenu.defaultProps = {
   toleranceX: 10,
   touchToClose: false,
   onChange: () => {},
+  animationStyle: function(prop) {
+    return {
+      transform: [{
+        translateX: prop,
+      }],
+    };
+  },
   animationFunction: (prop, value) => {
     return Animated.spring(
       prop,