fix: solve sliding flicker problem

dohooo · Oct 31, 2021 · 96678e0 · 96678e0
1 parent 11b39b1
commit 96678e0
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 12 deletions.
diff --git a/example/src/App.tsx b/example/src/App.tsx
@@ -25,15 +25,10 @@ export default function App() {
         >
             <View style={{ height: 300 }}>
                 <Carousel<ImageSourcePropType>
-                    autoPlay
-                    autoPlayInterval={2000}
                     ref={r}
                     width={width}
                     data={data}
                     parallaxScrollingScale={0.8}
-                    onSnapToItem={(i) => {
-                        console.log('current index:', i);
-                    }}
                     renderItem={(source) => (
                         <View style={{ flex: 1 }}>
                             <Image
@@ -46,16 +41,11 @@ export default function App() {
             </View>
             <View style={{ height: 300 }}>
                 <Carousel<ImageSourcePropType>
-                    autoPlay
-                    autoPlayInterval={2000}
                     ref={r}
                     mode="parallax"
                     width={width}
                     data={data}
                     parallaxScrollingScale={0.8}
-                    onSnapToItem={(i) => {
-                        console.log('current index:', i);
-                    }}
                     renderItem={(source) => (
                         <View style={{ flex: 1 }}>
                             <Image

diff --git a/src/useOffsetX.ts b/src/useOffsetX.ts
@@ -48,8 +48,8 @@ export const useOffsetX = (opts: IOpts) => {
 
             return interpolate(
                 Math.round(handlerOffsetX.value),
-                inputRange,
-                outputRange,
+                inputRange.map(Math.round),
+                outputRange.map(Math.round),
                 Extrapolate.CLAMP
             );
         }