我正面临滑动手势在android中没有响应的问题,因为我使用反应原生的滑动手势 . 它在IOS中运行良好 . 以下是相同的源代码 .
constructor(props, context) {
super(props, context);
this.swipeConfig = Object.assign(swipeConfig, props.config);
}
componentWillReceiveProps(props) {
this.swipeConfig = Object.assign(swipeConfig, props.config);
}
componentWillMount() {
const responderEnd = this._handlePanResponderEnd.bind(this);
const shouldSetResponder = this._handleShouldSetPanResponder.bind(this);
this._panResponder = PanResponder.create({ //stop JS beautify collapse
onStartShouldSetPanResponder: shouldSetResponder,
onMoveShouldSetPanResponder: shouldSetResponder,
onPanResponderRelease: responderEnd,
onPanResponderTerminate: responderEnd
});
}
_handleShouldSetPanResponder(evt, gestureState) {
return evt.nativeEvent.touches.length === 1 &&
!this._gestureIsClick(gestureState);
}
_gestureIsClick(gestureState) {
return Math.abs(gestureState.dx) < 5 && Math.abs(gestureState.dy) < 5;
}
_handlePanResponderEnd(evt, gestureState) {
const swipeDirection = this._getSwipeDirection(gestureState);
this._triggerSwipeHandlers(swipeDirection, gestureState);
}
_triggerSwipeHandlers(swipeDirection, gestureState) {
const {onSwipe, onSwipeUp, onSwipeDown, onSwipeLeft, onSwipeRight} =
this.props;
const {SWIPE_LEFT, SWIPE_RIGHT, SWIPE_UP, SWIPE_DOWN} = swipeDirections;
onSwipe && onSwipe(swipeDirection, gestureState);
switch (swipeDirection) {
case SWIPE_LEFT:
onSwipeLeft && onSwipeLeft(gestureState);
break;
case SWIPE_RIGHT:
onSwipeRight && onSwipeRight(gestureState);
break;
case SWIPE_UP:
onSwipeUp && onSwipeUp(gestureState);
break;
case SWIPE_DOWN:
onSwipeDown && onSwipeDown(gestureState);
break;
}
}
_getSwipeDirection(gestureState) {
const {SWIPE_LEFT, SWIPE_RIGHT, SWIPE_UP, SWIPE_DOWN} = swipeDirections;
const {dx, dy} = gestureState;
if (this._isValidHorizontalSwipe(gestureState)) {
return (dx > 0)
? SWIPE_RIGHT
: SWIPE_LEFT;
} else if (this._isValidVerticalSwipe(gestureState)) {
return (dy > 0)
? SWIPE_DOWN
: SWIPE_UP;
}
return null;
}
_isValidHorizontalSwipe(gestureState) {
const {vx, dy} = gestureState;
const {velocityThreshold, directionalOffsetThreshold} =
this.swipeConfig;
return isValidSwipe(vx, velocityThreshold, dy,
directionalOffsetThreshold);
}
_isValidVerticalSwipe(gestureState) {
const {vy, dx} = gestureState;
const {velocityThreshold, directionalOffsetThreshold} =
this.swipeConfig;
return isValidSwipe(vy, velocityThreshold, dx,
directionalOffsetThreshold);
}
render() {
return (<View {...this.props} {...this._panResponder.panHandlers}/>);
}
};
任何帮助表示赞赏 . 谢谢!