如何用onPress制作简单的React Native动画？

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

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

render() {
  const animatedStyle = {
    opacity: this.animatedValue
  };

  return (
    <View>
      <Animated.View style={animatedStyle}>
        {/* 需要应用动画的组件 */}
      </Animated.View>
      
      <TouchableOpacity onPress={this.startAnimation}>
        {/* 触发动画的按钮 */}
      </TouchableOpacity>
    </View>
  );
}

startAnimation = () => {
  Animated.timing(this.animatedValue, {
    toValue: 1, // 目标值
    duration: 1000, // 持续时间（毫秒）
    useNativeDriver: true, // 使用原生驱动器以提高性能
  }).start();
}

export default function App() {
  return (
    <View>
      <MyComponent />
    </View>
  );
}