在进行React Native开发app时,如果在 ReactActivity 的子类所在页面,多个(三个以上)手指同时滑动时,会报出以下错误:
"Ended a touch event which was not counted in trackedTouchCount"
我们通过对提示的分析,可以猜到应该是多点触摸造成的问题,在网上搜了半天,很多人说是ReactNative 框架本身的bug
可以通过修改RN的源码解决。
可是如果页面上不需要太多手势操作的话,可以通过禁用多点触摸的事件来解决这个问题。了解View事件分发机制的同学都知道,
事件都是从Activity的dispatchTouchEvent进行分发的,那么我们就从这里入手进行尝试解决,我们把当前页面用到的基本的点击、滑动事件之外的事件都拦截掉,就可以了。经过尝试完全可以,还不影响其它功能,只需要重写ReactActivity的 dispatchTouchEvent事件即可,具体代码如下:
@Override
public boolean dispatchTouchEvent(MotionEvent ev) {
switch (ev.getAction()){
case MotionEvent.ACTION_DOWN:
case MotionEvent.ACTION_UP:
case MotionEvent.ACTION_MOVE:
case MotionEvent.ACTION_SCROLL:
super.dispatchTouchEvent(ev);
return false;
}
return true;
}