如何在react native中使用动画

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

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

componentDidMount() {
  Animated.timing(this.animatedValue, {
    toValue: 1,
    duration: 1000,
    useNativeDriver: true, // 可以提高性能
  }).start();
}

render() {
  const opacity = this.animatedValue.interpolate({
    inputRange: [0, 1],
    outputRange: [0, 1],
  });
  
  return (
    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      <Animated.View style={{ opacity }}>
        {/* 在这里放置需要动画效果的内容 */}
      </Animated.View>
    </View>
  );
}