功能组件中的Animated.spring不能与onPress一起工作吗？

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

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      scaleValue: new Animated.Value(1),
    };
  }

  handlePress = () => {
    Animated.spring(this.state.scaleValue, {
      toValue: 0.8,
      friction: 2,
      tension: 60,
      useNativeDriver: true,
    }).start();
  };

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

    return (
      <View>
        <TouchableOpacity onPress={this.handlePress}>
          <Animated.View
            style={{
              transform: [{ scale: scaleValue }],
            }}
          >
            {/* 组件内容 */}
          </Animated.View>
        </TouchableOpacity>
      </View>
    );
  }
}

export default MyComponent;