Question

我目前正在尝试为滚动视图设置动画，因此它会调整到它上方的手风琴的高度。我试图通过使用动画来使scrollView偏移，但我一直得到错误转换，使用“translateY”键必须是一个数字：{“translateY”：0}。如果我将它包装在Animated.View中，动画不再有效？

  <AnimatedScrollView
      {...props}
      onScroll={Animated.event([
        { nativeEvent: { contentOffset: { y: this.state.scroll } } },
      ])}
      scrollEventThrottle={16}
      contentContainerStyle={{
        transform: [
          {
            translateY: this.state.contentOffset,
          },
        ],
      }}
    >

Answer 1

我有一个类似的问题，我通过根本不使用contentContainerStyle来解决。我在Animated.View和我原来的scrollview子项之间添加了Animated.ScrollView，然后将我的动画样式添加到：

<Animated.ScrollView>
    <Animated.View style={animatedStyle}>
        {/* original scrollview children */}
    </Animated.View>
</Animated.ScrollView>

如何将动画添加到contentContainerStyle？

1 个答案: