我发现的官方文档和所有教程都使用 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)