为什么Animated.View中的ScrollView不能工作？

import React, { Component } from 'react';
import { Animated, ScrollView, Text } from 'react-native';

class AnimatedScrollViewExample extends Component {
  constructor(props) {
    super(props);
    this.scrollY = new Animated.Value(0);
  }

  render() {
    const translateY = this.scrollY.interpolate({
      inputRange: [0, 100],
      outputRange: [0, 200],
      extrapolate: 'clamp',
    });

    return (
      <Animated.View style={{ flex: 1, transform: [{ translateY }] }}>
        <Animated.ScrollView
          onScroll={Animated.event(
            [{ nativeEvent: { contentOffset: { y: this.scrollY } } }],
            { useNativeDriver: true }
          )}
          scrollEventThrottle={16}
        >
          <Text>Scrollable content goes here</Text>
        </Animated.ScrollView>
      </Animated.View>
    );
  }
}

export default AnimatedScrollViewExample;