在react native中更新动画期间的状态？

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

class AnimatedExample extends Component {
  constructor(props) {
    super(props);
    this.state = {
      animationValue: new Animated.Value(0),
    };
  }

  startAnimation = () => {
    Animated.timing(this.state.animationValue, {
      toValue: 1,
      duration: 1000,
      useNativeDriver: true,
    }).start();
  };

  render() {
    const { animationValue } = this.state;

    const animatedStyle = {
      opacity: animationValue,
      transform: [
        {
          translateY: animationValue.interpolate({
            inputRange: [0, 1],
            outputRange: [0, 100],
          }),
        },
      ],
    };

    return (
      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
        <Animated.View style={[{ backgroundColor: 'red', padding: 20 }, animatedStyle]}>
          <Text style={{ color: 'white' }}>Animated Example</Text>
        </Animated.View>
        <TouchableOpacity onPress={this.startAnimation}>
          <Text>Start Animation</Text>
        </TouchableOpacity>
      </View>
    );
  }
}

export default AnimatedExample;