React Native Animated Scroll - просмотр поведения прыжка

Question

Застрял с небольшой проблемой. я имею Animated.ScrollView и там у меня есть событие OnScroll, как это

Animated.event(
                [
                  {
                    nativeEvent: {
                      contentOffset: {
                        x: this.topViewAnimation,
                      },
                    },
                  },
                ],
                { useNativeDriver: true },
              )

Так что прокрутите ту карту, которая активна (на экране) подсвечивается item ввиду.

Иногда мне нужно прокрутить до определенного значения с scrollTo метод, но я всегда вижу одну проблему.

Например, у меня есть 10 предметов. ( 10 элементов в поле зрения и 10 элементов, которые я выделю на основе scrollOffset).

Когда я буду использовать мой scrollTo метод, я буду видеть, как каждый элемент выделяется, пока он не станет тем, что мне нужно.

Есть ли способ выделить только один элемент, который мне нужен?

Answer 1

Я только что столкнулся с той же проблемой сегодня, и после нескольких часов, пытаясь решить эту проблему, решение было довольно простым.....

Я не использовал компонент Animated.ScrollView, и вместо этого я создал новый анимированный компонент ScrollView с анимированным интерфейсом:

const AnimatedScrollView = Animated.createAnimatedComponent(ScrollView)

Затем я использовал этот новый компонент "AnimatedScrollView" вместо "Animated.ScrollView", и все прошло гладко...

Удачи!