fix: solve sliding flicker problem

Author: dohooo

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

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
             );
         }