fix: round value on go to and scroll view interaction (#27)

Co-authored-by: Petr Konecny <[email protected]>

Author: petrkonecny2

src/components/AnimatedPagedView/index.tsx

@@ -22,6 +22,9 @@ type AnimatedPagedViewProps = {
   children: React.ReactNode
 }
 
+// easiest way to allow other gestures to work, for example the scroll view
+const MIN_DISTANCE_THRESHOLD = 30
+
 export const AnimatedPagedView = forwardRef<AnimatedPagedScrollViewRef, AnimatedPagedViewProps>(
   (props, ref) => {
     const translateX = useSharedValue(0)
@@ -38,6 +41,7 @@ export const AnimatedPagedView = forwardRef<AnimatedPagedScrollViewRef, Animated
     )
 
     const gesture = Gesture.Pan()
+      .minDistance(MIN_DISTANCE_THRESHOLD)
       .onStart(() => {
         context.value = { x: translateX.value }
         runOnJS(props.onScrollBeginDrag)()

src/hooks/useManualScroll.ts

@@ -16,7 +16,7 @@ export const useManualScroll = ({
   const goToPage = useCallback(
     (page: number, duration = 0, animation?: typeof DEFAULT_ANIMATION) => {
       'worklet'
-      const to = page * slideWidth
+      const to = Math.round(page) * slideWidth
       if (duration) {
         manualScrollValue.value = {
           value: animation ? animation(to, duration) : withTiming(to, { duration }),