fix: animatedIndex on initial position

ajsmth · Oct 2, 2019 · ba5708e · ba5708e
1 parent 470c172
commit ba5708e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/example/App.tsx b/example/App.tsx
@@ -33,7 +33,7 @@ const App = () => {
       <View
         style={{flex: 1, backgroundColor: 'white', justifyContent: 'center'}}>
         <PagerProvider activeIndex={activeIndex} onChange={onChange}>
-          <SwipeCards />
+          <MyPager />
         </PagerProvider>
       </View>
     </SafeAreaView>

diff --git a/src/pager.tsx b/src/pager.tsx
@@ -320,6 +320,8 @@ function Pager({
             neq(config.toValue, nextPosition),
             set(config.toValue, nextPosition)
           ),
+
+          set(animatedIndex, divide(state.position, max(dimension, 1), -1)),
         ],
         [
           set(state.position, translationValue),
@@ -443,7 +445,6 @@ function Pager({
           ]),
           set(swiping, 0),
           set(translationValue, runSpring(position)),
-          set(animatedIndex, divide(translationValue, max(dimension, 1), -1)),
           translationValue,
         ]
       ),