1.7.0

Author: orchuban

README.md

@@ -19,11 +19,11 @@ In the render function return
           <AboutPage key="about"
            levelPage={1}
             transitionIn={
-             animatioPageIn:"fadeIn"
-             ,animatioPageOut:"fadeOut"
+             animatioPageIn:"fadeInRight"
+             ,animatioPageOut:"fadeOutRight"
            }
-                   transitionOut={{
-            animatioPageOut: "fadeOut"
+            transitionOut={{
+            animatioPageOut: "fadeOutRight"
           }}
            />
 
@@ -169,7 +169,9 @@ options = {  animatioPageIn:"fadeInLeft" // have defult
     </tr>
        <tr>
       <td>transitionIn</td>
-     <td>json</td>
+     <td>json:{ animatioPageIn:string
+             ,animatioPageOut:string
+             ,animationTimeInMS:integer}</td>
       <td>optional</td>
      <td>-</td>
      <td></td>

dist/index.js

@@ -212,6 +212,19 @@ var Navigator = function (_React$Component) {
 
       var fromPage = "" + this.historyPages[this.historyPages.length - 1] + "";
 
+      var aniTime = 250;
+      if (this.props.children.filter(function (x) {
+        return x.key === goToPage;
+      }).length > 0) {
+        if (this.props.children.filter(function (x) {
+          return x.key === goToPage;
+        })[0].props.animationTimeInMS) aniTime = this.props.children.filter(function (x) {
+          return x.key === goToPage;
+        })[0].props.animationTimeInMS;
+      } else {
+        if (this.props.animationTimeInMS) aniTime = this.props.animationTimeInMS;
+      }
+
       options = options === undefined ? [] : options;
 
       var _options = options,
@@ -220,7 +233,7 @@ var Navigator = function (_React$Component) {
           _options$animationIn = _options.animationIn,
           animationIn = _options$animationIn === undefined ? this.componentTransitionIn[goToPage] ? this.componentTransitionIn[goToPage].animatioPageIn ? this.componentTransitionIn[goToPage].animatioPageIn : null : null : _options$animationIn,
           _options$timeAnimatio = _options.timeAnimationInMS,
-          timeAnimationInMS = _options$timeAnimatio === undefined ? 250 : _options$timeAnimatio,
+          timeAnimationInMS = _options$timeAnimatio === undefined ? aniTime : _options$timeAnimatio,
           _options$animationOut = _options.animationOut,
           animationOut = _options$animationOut === undefined ? this.swipeRight ? "slideOutRight" : this.componentTransitionOut[fromPage] ? this.componentTransitionOut[fromPage].animatioPageOut ? this.componentTransitionOut[fromPage].animatioPageOut : null : null : _options$animationOut,
           _options$callbackFun = _options.callbackFun,

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react.cordova-navigation_controller",
-  "version": "1.6.9",
+  "version": "1.7.0",
   "description": "Navigator for Cordova with React.js(react.cordova), This will help you to manage your pages history in the app and change pages with animation.",
   "main": "dist/index.js",
   "scripts": {

src/index.js

@@ -230,6 +230,18 @@ export default class Navigator extends React.Component {
 
     const fromPage = "" + this.historyPages[this.historyPages.length - 1] + "";
 
+    let aniTime = 250;
+    if (this.props.children.filter((x) => x.key === goToPage).length > 0) {
+      if (
+        this.props.children.filter((x) => x.key === goToPage)[0].props
+          .animationTimeInMS
+      )
+        aniTime = this.props.children.filter((x) => x.key === goToPage)[0].props
+          .animationTimeInMS;
+    } else {
+      if (this.props.animationTimeInMS) aniTime = this.props.animationTimeInMS;
+    }
+
     options = options === undefined ? [] : options;
 
     const {
@@ -239,7 +251,7 @@ export default class Navigator extends React.Component {
           ? this.componentTransitionIn[goToPage].animatioPageIn
           : null
         : null,
-      timeAnimationInMS = 250,
+      timeAnimationInMS = aniTime,
       animationOut = this.swipeRight
         ? "slideOutRight"
         : this.componentTransitionOut[fromPage]