Scene - implemented getPanHandlers prop (#961)

* added getPanHandlers api to scene * cleaned up code
aksonov · Jul 29, 2016 · 00ca6ad · 00ca6ad
1 parent a643386
commit 00ca6ad
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 6 deletions.
diff --git a/docs/API_CONFIGURATION.md b/docs/API_CONFIGURATION.md
@@ -72,6 +72,12 @@ Actions.ROUTE_NAME({type: ActionConst.RESET});
 | animationStyle | `function` | | optional interpolation function for scene transitions: `animationStyle={interpolationFunction}` |
 | applyAnimation | `function` | | optional if provided overrides the default spring animation |
 
+### Gestures
+| Property | Type | Default | Description |
+|-----------|--------|---------|--------------------------------------------|
+| panHandlers | `object` | | optional, provide null to disable swipe back gesture |
+| getPanHandlers | `function` | optional | Optionally override the gesture handlers for scene |
+
 ### Scene styles
 | Property | Type | Default | Description |
 |-----------|--------|---------|--------------------------------------------|

diff --git a/src/DefaultRenderer.js b/src/DefaultRenderer.js
@@ -108,6 +108,12 @@ export default class DefaultRenderer extends Component {
     }
   }
 
+  getPanHandlers(direction, props) {
+    return direction === 'vertical' ?
+      NavigationCardStackPanResponder.forVertical(props) :
+      NavigationCardStackPanResponder.forHorizontal(props);
+  }
+
   dispatchFocusAction({ navigationState }) {
     if (!navigationState || navigationState.component || navigationState.tabs) {
       return;
@@ -128,7 +134,12 @@ export default class DefaultRenderer extends Component {
   }
 
   renderCard(/* NavigationSceneRendererProps */ props) {
-    const { key, direction, animation, getSceneStyle } = props.scene.navigationState;
+    const { key,
+      direction,
+      animation,
+      getSceneStyle,
+      getPanHandlers,
+    } = props.scene.navigationState;
     let { panHandlers, animationStyle } = props.scene.navigationState;
 
     const state = props.navigationState;
@@ -146,8 +157,6 @@ export default class DefaultRenderer extends Component {
 
     const style = getSceneStyle ? getSceneStyle(props, computedProps) : null;
 
-    const isVertical = direction === 'vertical';
-
     // direction overrides animation if both are supplied
     const animType = (animation && !direction) ? animation : direction;
 
@@ -160,9 +169,7 @@ export default class DefaultRenderer extends Component {
     }
 
     if (typeof(panHandlers) === 'undefined') {
-      panHandlers = panHandlers || (isVertical ?
-          NavigationCardStackPanResponder.forVertical(props) :
-          NavigationCardStackPanResponder.forHorizontal(props));
+      panHandlers = getPanHandlers ? getPanHandlers(props) : this.getPanHandlers(direction, props);
     }
     return (
       <NavigationCard