如何在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 animatedStyle = {
    opacity: this.animatedValue, // 将动画值绑定到透明度属性上
  };

  return (
    <View style={styles.container}>
      <Animated.View style={[styles.box, animatedStyle]} />
    </View>
  );
}