React本机按钮onPressIn动画请求

import React, { useState } from 'react';
import { View, Button, Animated } from 'react-native';
import axios from 'axios';

const MyButton = () => {
  const [animation] = useState(new Animated.Value(1));

  const handlePressIn = () => {
    // 定义按钮按下时的动画效果
    Animated.spring(animation, {
      toValue: 0.8,
      useNativeDriver: true,
    }).start();

    // 发送请求
    axios.get('https://api.example.com/data')
      .then(response => {
        // 处理请求结果
        console.log(response.data);
      })
      .catch(error => {
        // 处理请求错误
        console.error(error);
      });
  };

  const handlePressOut = () => {
    // 定义按钮松开时的动画效果
    Animated.spring(animation, {
      toValue: 1,
      useNativeDriver: true,
    }).start();
  };

  return (
    <View>
      <Animated.View style={{ transform: [{ scale: animation }] }}>
        <Button
          title="Press Me"
          onPressIn={handlePressIn}
          onPressOut={handlePressOut}
        />
      </Animated.View>
    </View>
  );
};

export default MyButton;