react-native中并不透传诸如原生的onClick、onDrag、onDoubleClick事件。它将原生屏幕触摸事件抽象出四个行为:START、END、MOVE、CANCEL,对应到android原生MotionEvent那么分别是:ACTION_DOWN&ACTION_POINTER_DOWN、ACTION_UP&ACTION_POINTER_UP、ACTION_MOVE、ACTION_CANCEL。
react-native将这四个触摸行为通知给js可以说是非常直接粗暴。通过遍历ReactRootView找到触摸事件的子视图将对应的触摸坐标打包成TouchEvent发送给该子视图,至于视图究竟是onPress还是onPressOut等逻辑均由js文件Touchable 负责。facebook的技术人员对js的执行效率真是非常的自信!从不同平台之间兼容来看这种做法或许是比低成本的实现方式,当然让react-native和原生比较触摸灵敏度或许也不是那么恰当的事情。
综上所述,react-native触摸事件是由js Touchable产生的。意味着原生可以通过一些小花样让view在react-native中产生各种事件。比如:
。。。
哈哈~就说这么多写。
原文链接:https://www.f2er.com/react/305466.html