如何在react-native中动态地将不同的动画附加到图像上？

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

class AnimatedImage extends Component {
  constructor(props) {
    super(props);
    this.animatedValue = new Animated.Value(0);
  }
  
  // ...
}

class AnimatedImage extends Component {
  // ...
  
  componentDidMount() {
    this.startAnimation();
  }
  
  startAnimation() {
    Animated.timing(this.animatedValue, {
      toValue: 1,
      duration: 1000, // 动画持续时间
      useNativeDriver: true, // 使用原生驱动器以提高性能
    }).start();
  }
  
  // ...
}

class AnimatedImage extends Component {
  // ...
  
  render() {
    const opacity = this.animatedValue.interpolate({
      inputRange: [0, 1],
      outputRange: [0, 1],
    });
    
    return (
      <View>
        <Animated.Image
          source={require('path/to/image')}
          style={{ opacity }}
        />
      </View>
    );
  }
}