react-native之touch事件

前端之家收集整理的这篇文章主要介绍了react-native之touch事件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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中产生各种事件。比如:

  • 通过cavas绘制的view而没有添加到ViewGroup的视图;
  • 一张图片(image)可以给不同区域添加不同的点击触发行为;

。。。

哈哈~就说这么多写。

原文链接:https://www.f2er.com/react/305466.html

猜你在找的React相关文章