【开发技巧】React Native,点击事情防误触处理

// 防误触的距离阈值
let PREVENTDISTANCE = 3;
// 是否禁止item点击事件
let preventOnPress = false;
// 记录onPressIn时的位置,跟onPressOut时的位置做比较,绝对值大于3,不触发onPress事件
let pressPos = {current: {x: 0,y: 0}
} {preventOnPress = false;pressPos.current = {x: e.nativeEvent.pageX,y: e.nativeEvent.pageY,}}}onPressOut={(e) => {const [x, y] = [e.nativeEvent.pageX, e.nativeEvent.pageY];if (Math.abs(pressPos.current.x - x) > PREVENTDISTANCE ||Math.abs(pressPos.current.y - y) > PREVENTDISTANCE) {preventOnPress = true;}}}onPress={() => {!preventOnPress && dealJump()}}>

 


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部