React Native Animated Scroll 视图跳转行为答案

【问题标题】：React Native Animated Scroll view jump behaviorReact Native Animated Scroll 视图跳转行为
【发布时间】：2018-01-16 17:45:27
【问题描述】：

遇到小问题。我有Animated.ScrollView，我有这样的 onScroll 事件

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

所以 onScroll 激活的卡片（在屏幕上）在视图中突出显示item。

有时我需要使用scrollTo 方法滚动到特定值，但我总是看到一个问题。

例如，我有 10 个项目。（视图中的 10 个项目和我将根据 scrollOffset 突出显示的 10 个项目）。

当我将使用我的scrollTo 方法时，我会看到每个项目如何突出显示，直到它成为我需要的这个。

有没有办法只突出我需要的一个项目？

【问题讨论】：

标签： react-native react-animated

【解决方案1】：

我今天刚刚遇到同样的问题，经过几个小时的尝试解决这个问题，解决方案非常简单......

我所做的是不使用 Animated.ScrollView 组件，而是创建了一个带有动画界面的新 ScrollView 动画组件：

const AnimatedScrollView = Animated.createAnimatedComponent(ScrollView)

然后我使用了这个新的 "AnimatedScrollView" 组件，该组件插入了 "Animated.ScrollView" 并且一切都运行得很顺利...

祝你好运！

【讨论】：