Calcuate the offset in the initial state.

Enables the inital index to be rendered first, avoiding a render of uncalculated offset.
jinglinwishlife · Aug 27, 2017 · 1fb7ff2 · 1fb7ff2
1 parent 653f98b
commit 1fb7ff2
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/index.js b/src/index.js
@@ -208,7 +208,8 @@ export default class extends Component {
 
     const initState = {
       autoplayEnd: false,
-      loopJump: false
+      loopJump: false,
+      offset: {}
     }
 
     initState.total = props.children ? props.children.length || 1 : 0
@@ -224,6 +225,9 @@ export default class extends Component {
     initState.dir = props.horizontal === false ? 'y' : 'x'
     initState.width = props.width || width
     initState.height = props.height || height
+    initState.offset[initState.dir] = initState.dir === 'y'
+      ? height * props.index
+      : width * props.index
 
     this.internals = {
       ...this.internals,