panResponder在本机android中不工作

我看不到PanResponder在我的android手机上工作，也看不到应用程序按预期运行。我正在使用expo并扫描它以在我的android设备上运行应用程序。这是代码，我还使用了调试器，但似乎没有任何效果

export default  class Deck extends React.Component {
    constructor(props){
        super(props);
        //decalred as  local variable 
        this.PanResponder=PanResponder.create({
            onStartShouldSetPanResponder: () => true,
            onPanResponderMove:(event,gesture)=>{
                debugger;
                console.log(gesture);
            },
            onPanResponderRelease:()=>{}
        });
        this.state={PanResponder};
    }
    renderCards=()=>{
        return this.props.data.map(item => {
            return this.props.renderCards(item);
        });
    }
    render(){
        return(
         <View {...this.state.PanResponder.panHandlers}> 
             {this.renderCards()}
         </View>
        );
    }
}

导出默认类组扩展React.Component{
建造师（道具）{
超级（道具）；
//标记为局部变量
this.PanResponder=PanResponder.create({
onStartShouldSetPanResponder:（）=>true，
onPanResponderMove：（事件、手势）=>{
调试器；
console.log（手势）；
},
onPanResponderRelease:（）=>{}
});
this.state={PanResponder}；
}
renderCards=（）=>{
返回此.props.data.map（项=>{
返回此.props.renderCards（项目）；
});
}
render（）{
返回(
{this.renderCards（）}
);
}
}

1）您设置了这个。state={PanResponder} 此PanResponder来自react native

所以这个.state.PanResponder.panHandlers算不了什么

试一试

导出默认类组扩展React.Component{
建造师（道具）{
超级（道具）；
//标记为局部变量
this.panResponder=panResponder.create({
onStartShouldSetPanResponder:（）=>true，
onPanResponderMove：（事件、手势）=>{
调试器；
console.log（手势）；
},
onPanResponderRelease:（）=>{}
});
}
render（）{
返回(
);
}

}

或

导出默认类组扩展React.Component{
建造师（道具）{
超级（道具）；
//标记为局部变量
const panResponder=panResponder.create({
onStartShouldSetPanResponder:（）=>true，
onPanResponderMove：（事件、手势）=>{
调试器；
console.log（手势）；
},
onPanResponderRelease:（）=>{}
});
this.state={panResponder}；
}
render（）{
返回(
);
}

}

export default  class Deck extends React.Component {
constructor(props){
    super(props);
    //decalred as  local variable 
    this.panResponder=PanResponder.create({
        onStartShouldSetPanResponder: () => true,
        onPanResponderMove:(event,gesture)=>{
            debugger;
            console.log(gesture);
        },
        onPanResponderRelease:()=>{}
    });
}
render(){
    return(
        <View {...this.panResponder.panHandlers}>
        </View>
    );
}

export default  class Deck extends React.Component {
constructor(props){
    super(props);
    //decalred as  local variable 
    const panResponder=PanResponder.create({
        onStartShouldSetPanResponder: () => true,
        onPanResponderMove:(event,gesture)=>{
            debugger;
            console.log(gesture);
        },
        onPanResponderRelease:()=>{}
    });
    this.state={panResponder};
}
render(){
    return(
        <View {...this.state.panResponder.panHandlers}>
        </View>
    );
}