Javascript PanResponder本机反应
我在React native中遇到PanResponder问题。 我不明白如何使用它。。。 我的代码:Javascript PanResponder本机反应,javascript,reactjs,react-native,Javascript,Reactjs,React Native,我在React native中遇到PanResponder问题。 我不明白如何使用它。。。 我的代码: export default class Index_preferences extends Component { componentWillMount() { this._panResponder = PanResponder.create({ onPanResponderMove: this._handlePanResponderMove, onPanRe
export default class Index_preferences extends Component {
componentWillMount() {
this._panResponder = PanResponder.create({
onPanResponderMove: this._handlePanResponderMove,
onPanResponderGrant: this._handlePanResponderGrant,
});
}
_handlePanResponderMove(event, gestureState) {
console.log(gestureState);
}
_handlePanResponderGrant(event, gestureState) {
console.log(gestureState);
}
componentTag() {
return tabTag.map((item, id) => {
return(
<View key={id} {...this._panResponder.panHandlers}>
<Text>Here</Text>
</View>
);
});
}
render() {
return (
<View> {this.componentTag()} </View>
);
}
导出默认类索引\u首选项扩展组件{
组件willmount(){
这是.\u panResponder=panResponder.create({
onPanResponderMove:这个。_handlePanResponderMove,
onPanResponderGrant:这个,
});
}
_handlePanResponderMove(事件、手势状态){
console.log(gestureState);
}
_handlePanResponderGrant(事件、手势状态){
console.log(gestureState);
}
componentTag(){
return tabTag.map((项目,id)=>{
返回(
在这里
);
});
}
render(){
返回(
{this.componentTag()}
);
}
}
但什么也没发生我的控制台什么也没显示
谢谢 很抱歉发这个帖子
解决方案:
加:
在
我找到了解决方案只要在MoveshouldSetPanResponderCapture上添加
onStartShouldSetPanResponder: (evt, gestureState) => true,
onStartShouldSetPanResponderCapture: (evt, gestureState) => true,
onMoveShouldSetPanResponder: (evt, gestureState) => true,
onMoveShouldSetPanResponderCapture: (evt, gestureState) => true,
this._panResponder = PanResponder.create({
onPanResponderMove: this._handlePanResponderMove,
onPanResponderGrant: this._handlePanResponderGrant,
});