Question

我在使用Pan-Responder-hook中实现手势时遇到一些问题。

我确实搜索了pan-responder-hook npm软件包来实现带导航的手势，但是我在github上找到了一个存储库，但这是行不通的。

const MainmenuScreen = () => {
const [{ xy }, set] = useSpring(() => ({ xy: [0, 0] }));
// 1. Define the gesture
const bind = useDrag(({ down, delta }) => set({ xy: down ? delta : [0, 0] }));
return (
    <animated.div
        // 2. Bind it to a component
        {...bind()}
        style={{ transform: xy.interpolate((x, y) => `translate3D(${x}px, ${y}px, 0)`) }} />);};

错误消息显示如下：

尝试从文件react-use-gesture解析模块/home/Abdulmajeed/WebstormProjects/FruttyGame/screens/MainmenuScreen.js时，成功找到了软件包/home/Abdulmajeed/WebstormProjects/FruttyGame/react-use-gesture/package.json。但是，该程序包本身指定了一个main无法解析的模块字段（/home/Abdulmajeed/WebstormProjects/FruttyGame/react-use-gesture/dist/index.js。实际上，这些文件都不存在：

将Pan_Responder转换为React钩子

0 个答案: