reactjs - 如何向 contentContainerStyle 添加动画？

Question

我目前正在尝试为滚动视图设置动画，因此它会调整到其上方手风琴的高度。我试图通过使用动画来偏移滚动视图，但我不断收到错误“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之间添加了一个，然后添加了我的动画样式：Animated.ScrollView

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