React native Panresponder动画不'；t弹簧到值 我创建了一个以屏幕为中心的平面列表，它允许用户在X轴上滑动。我想存储用户刷过组件的距离的值，并在以后对该数字进行操作。问题是，当我调用SetsweepDistance并尝试将dx存储在某个状态时，组件/平面列表会卡在该位置。例如，如果用户从初始点向左或向右滑动100个单位，而不是弹回到值0（初始点），则它现在卡在100上。我知道如果我只删除setsweep distance（dx），动画效果会很好，但我需要在状态中使用该数字来刷新平面列表

关于我能做些什么来完成动画和存储价值，有什么想法吗

const DayView = () => {
  const pan = useRef(new Animated.ValueXY()).current;
  const [swipeDistance, setSwipeDistance] = useState(0);

  const panResponder = useRef(
    PanResponder.create({
      onMoveShouldSetPanResponder: () => true,
      onPanResponderMove: Animated.event([
        null,
        { dx: pan.x, dy: pan.y },
      ], { useNativeDriver: false }),
      onPanResponderRelease: (e, { dx }) => {
        // eslint-disable-next-line no-console
        Animated.spring(pan, { toValue: { x: 0, y: 0 }, useNativeDriver: false }).start();
        setSwipeDistance(dx);
      },
    }),
  ).current;

  return (
    <View>
      <Animated.FlatList
        data={lessons}
        renderItem={renderEvent}
        keyExtractor={(item) => item.id.toString()}
        onRefresh={() => fetchLessons(date)}
        refreshing={refreshList}
        style={{
          transform: [{ translateX: pan.x }],
        }}
        {...panResponder.panHandlers}
      />
    </View>
  );
};

const DayView=（）=>{
const pan=useRef（新的动画.ValueXY（））.current；
常数[SwipedInstance，SetSwipedDistance]=使用状态（0）；
const panResponder=useRef(
PanResponder.create({
onMoveShouldSetPanResponder:（）=>true，
onPanResponderMove:Animated.event([
无效的
{dx:pan.x，dy:pan.y}，
]，{useNativeDriver:false}），
onPanResponderRelease:（e，{dx}）=>{
//eslint禁用下一行无控制台
spring（pan，{toValue:{x:0，y:0}，useNativeDriver:false}）；
设置扫描距离（dx）；
},
}),
).目前；
返回(
item.id.toString（）}
onRefresh={（）=>fetchLessons（日期）}
刷新={refreshList}
风格={{
转换：[{translateX:pan.x}]，
}}
{…panResponder.panHandlers}
/>
);
};