如何向contentContainerStyle添加動畫？

Question

我目前正在嘗試爲scrollview設置動畫，因此它會調整到上面的一個手風琴的高度。我試圖通過使用動畫來獲取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.ScrollView和我原來的滾動型的孩子之間的Animated.View，然後將我的動畫風格，以是：

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