React Native Animated Scroll视图跳转行为

时间:2018-01-16 17:45:28

标签: react-native react-animated


坚持小问题。我有Animated.ScrollView,我有像这样的onScroll事件

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

因此onScroll显示活动(在屏幕上)突出显示item的卡片。

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

例如,我有10个项目。 (视图中有10个项目,我将根据scrollOffset突出显示10个项目)。

当我使用我的scrollTo方法时,我会看到每个项目的亮点,直到它成为我需要的东西。

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

1 个答案:

答案 0 :(得分:0)

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

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

const AnimatedScrollView = Animated.createAnimatedComponent(ScrollView)

然后我使用了" Animated.ScrollView" 这个新的" AnimatedScrollView" 组件,一切运行顺畅。 ..

祝你好运!