如何将post API添加到react-native-gesture handler/Swipeable中

import React from 'react';
import { TouchableOpacity, Animated } from 'react-native';
import { Swipeable, GestureHandlerRootView } from 'react-native-gesture-handler';

const YourComponent = () => {
  const renderRightActions = (progress, dragX) => {
    const handlePress = () => {
      // 发送POST请求的逻辑
      fetch('https://api.example.com/your-endpoint', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
        },
        body: JSON.stringify({}),
      })
        .then(response => response.json())
        .then(data => {
          // 处理响应数据
          console.log(data);
        })
        .catch(error => {
          // 处理错误
          console.error(error);
        });
    };

    const transX = dragX.interpolate({
      inputRange: [0, 50, 100],
      outputRange: [100, 50, 0],
      extrapolate: 'clamp',
    });

    return (
      <TouchableOpacity onPress={handlePress}>
        <Animated.View
          style={{
            width: 100,
            height: '100%',
            backgroundColor: 'red',
            transform: [{ translateX: transX }],
          }}
        >
          {/* 添加按钮或其他滑动内容 */}
        </Animated.View>
      </TouchableOpacity>
    );
  };

  return (
    <GestureHandlerRootView>
      <Swipeable renderRightActions={renderRightActions}>
        {/* 添加可滑动的内容 */}
      </Swipeable>
    </GestureHandlerRootView>
  );
};

export default YourComponent;