如何在React Native中为Flatlist数组中的单个项目设置动画

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

constructor(props) {
  super(props);
  this.animatedValue = new Animated.Value(0);
}

componentDidMount() {
  Animated.timing(this.animatedValue, {
    toValue: 1,
    duration: 1000,
    useNativeDriver: true,
  }).start();
}

renderItem = ({ item }) => {
  const animatedStyle = {
    opacity: this.animatedValue,
    transform: [
      {
        translateY: this.animatedValue.interpolate({
          inputRange: [0, 1],
          outputRange: [100, 0],
        }),
      },
    ],
  };

  return (
    <Animated.View style={animatedStyle}>
      <View>
        <Text>{item.title}</Text>
        <Text>{item.description}</Text>
      </View>
    </Animated.View>
  );
};

render() {
  return (
    <FlatList
      data={data}
      renderItem={this.renderItem}
      keyExtractor={(item) => item.id.toString()}
    />
  );
}