小编Gun*_*kar的帖子

如何在功能组件中使用 PanResponder?

我发现的官方文档和所有教程都使用 PanResponder 作为 React Classes 的一部分,但是有没有办法将它与功能组件和钩子一起使用?我尝试按如下方式进行,但似乎不起作用:-

const App = props => {
  const position = useRef(new Animated.ValueXY()).current;
  const panResponder = useRef(
    PanResponder.create({
      onStartShouldSetPanResponder: (evt, gestureState) => true,
      onPanResponderMove: (evt, gestureState) => {
        position.setValue({x: gestureState.dx, y: gestureState.dy});
      },
      onPanResponderRelease: (evt, gestureState) => {},
    }),
  ).current;

...

<Animated.View
            {...panResponder.panHandlers}
            style={[
              {transform: position.getTranslateTransform()},
              styles.appStyles,
            ]}>
...
</Animated.View>
Run Code Online (Sandbox Code Playgroud)

reactjs react-native

8
推荐指数
1
解决办法
2802
查看次数

标签 统计

react-native ×1

reactjs ×1