如何在react native中使用动画进行变换和图像

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

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

  componentDidMount() {
    this.startAnimation();
  }

  startAnimation() {
    Animated.timing(this.animatedValue, {
      toValue: 1,
      duration: 1000,
      easing: Easing.linear,
      useNativeDriver: true,
    }).start();
  }

  render() {
    const interpolateValue = this.animatedValue.interpolate({
      inputRange: [0, 1],
      outputRange: ['0deg', '360deg'],
    });

    const animatedStyle = {
      transform: [{ rotate: interpolateValue }],
    };

    return (
      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
        <Animated.Image
          source={require('./path/to/image.png')}
          style={[{ width: 200, height: 200 }, animatedStyle]}
        />
      </View>
    );
  }
}

export default AnimationExample;