Expose onTransitionStart/End props to StackNavigator (#230)

* Add onTransitionStart/End options to StackNavigator 'stackConfig'

* Add documentation for onTransitionStart/End options

* Define onTransitionStart/End props optional

src/TypeDefinition.js

@@ -261,7 +261,9 @@ export type NavigationStackViewConfig = {
   mode?: 'card' | 'modal',
   headerMode?: HeaderMode,
   headerComponent?: ReactClass<HeaderProps>,
-  cardStyle?: Style
+  cardStyle?: Style,
+  onTransitionStart?: () => void,
+  onTransitionEnd?: () => void
 };
 
 export type NavigationStackRouterConfig = {

src/navigators/StackNavigator.js

@@ -28,6 +28,8 @@ export default (routeConfigMap: NavigationRouteConfigMap, stackConfig: StackNavi
     headerMode,
     mode,
     cardStyle,
+    onTransitionStart,
+    onTransitionEnd,
     navigationOptions,
   } = stackConfig;
   const stackRouterConfig = {
@@ -44,6 +46,8 @@ export default (routeConfigMap: NavigationRouteConfigMap, stackConfig: StackNavi
       headerMode={headerMode}
       mode={mode}
       cardStyle={cardStyle}
+      onTransitionStart={onTransitionStart}
+      onTransitionEnd={onTransitionEnd}
     />
   )), containerOptions);
 };

src/views/CardStack.js

@@ -49,6 +49,8 @@ type Props = {
   navigation: NavigationScreenProp<NavigationState, NavigationAction>,
   router: NavigationRouter,
   cardStyle?: any,
+  onTransitionStart?: () => void,
+  onTransitionEnd?: () => void,
   style: any,
   gestureResponseDistance?: ?number,
   /**
@@ -163,6 +165,8 @@ class CardStack extends React.Component<DefaultProps, Props, void> {
         navigation={this.props.navigation}
         render={this._render}
         style={this.props.style}
+        onTransitionStart={this.props.onTransitionStart}
+        onTransitionEnd={this.props.onTransitionEnd}
       />
     );
   }