React native 闭合可开关功能部件

我有一个

Flatlist

用以下

ListItemsSwipeable

呈现，它们作为

renderRightActions

的

RightActionsButton

函数保存。滑动工作，按钮出现。然而，我无法实现当另一个元素被滑动或按钮被按下时，按钮消失

const RightActionsButton = ({ progress, dragX, onPress }) => {
    const scale = dragX.interpolate({
      inputRange: [-100, 0],
      outputRange: [1, 0],
      extrapolate: "clamp"
    });
    return (
      <TouchableOpacity onPress={onPress}>
        <View>
          <Animated.Text style={{ transform: [{ scale }] }}>
            Button!
          </Animated.Text>
        </View>
      </TouchableOpacity>
    );
  };

 const ListItemSwipeable = ({data, onAction}) => {
        return (
            <Swipeable
            renderRightActions={(progress, dragX) => (
                <RightActionsButton progress={progress} dragX={dragX} onPress={onAction} />
              )}
            >
            <View>
                <Text>{data}</Text>
            </View>
          </Swipeable>
        )
    }
    };

constRightActionsButton=（{progress，dragX，onPress}）=>{
常量比例=dragX.interpolate({
输入范围：[-100,0]，
outputRange:[1,0]，
外推：“夹具”
});
返回(
，但是它是基于类的，我需要它用于基于函数的组件