Fix duration for tabs. Bump to 0.3.3

navigationjs · Jan 30, 2020 · e432a5f · e432a5f
1 parent 398e9d0
commit e432a5f
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 6 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@navigationjs/react",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "description": "Small and well-tested React navigation",
   "main": "dist/index.js",
   "author": "Ivan Zotov <me@ivanzotov.com> (http://ivanzotov.com/)",

diff --git a/src/Modal/Scene.js b/src/Modal/Scene.js
@@ -3,7 +3,7 @@ import { Value } from '@navigationjs/core';
 export default class Scene {
   constructor(name) {
     this.name = name;
-    this.active = new Value('active');
+    this.active = new Value('active', 0, 300);
   }
 
   show = duration => this.active.to(1, duration);

diff --git a/src/Modal/Wrap.js b/src/Modal/Wrap.js
@@ -57,7 +57,7 @@ export default class Wrap extends Component {
           right: 0,
           bottom: 0,
           transitionProperty: 'transform',
-          transitionDuration: '300ms',
+          transitionDuration: `${scene.active.duration}ms`,
           overflowY: 'auto',
           backgroundColor: 'white',
         }}

diff --git a/src/Stack/Scene.js b/src/Stack/Scene.js
@@ -3,7 +3,7 @@ import { Value } from '@navigationjs/core';
 export default class Scene {
   constructor(name) {
     this.name = name;
-    this.active = new Value('active');
+    this.active = new Value('active', 0, 300);
     this.depth = new Value('depth');
   }
   show = duration =>

diff --git a/src/Stack/Wrap.js b/src/Stack/Wrap.js
@@ -60,7 +60,7 @@ export default class Wrap extends Component {
           right: 0,
           bottom: 0,
           transitionProperty: 'transform',
-          transitionDuration: '300ms',
+          transitionDuration: `${scene.active.duration}ms`,
           overflowY: 'auto',
           backgroundColor: 'white',
         }}

diff --git a/src/Tab/Wrap.js b/src/Tab/Wrap.js
@@ -57,7 +57,7 @@ export default class Wrap extends Component {
           right: 0,
           bottom: 0,
           transitionProperty: 'transform',
-          transitionDuration: '300ms',
+          transitionDuration: `${scene.active.duration}ms`,
           overflowY: 'auto',
           backgroundColor: 'white',
         }}