每日见闻之尝试大白话说清Flutter的事件传递

1 手指按下

手指按下会做以下几件事

1.1 进行hitTest 从根节点一级一级的进行hitTest 找到所有可以处理这个事件的 RenderObject,RendObject 实现了HitTestTarget,所以也可以说找到所有能处理这个事件的 HitTestTarget,最终返回HitTestResult,HitTestResult的path 里面保存了所有命中的RenderObject。

1.2 依次调用所有命中的RendObject(HitTestTarget) 的 handleEvent

2 手指按下之后的事件都是通过 PointerRouter.route 下发的。并不直接再次调用最终返回HitTestResult中保存的RenderObjecthandleEvent方法。所以命中的RenderObject能不能接收到后续的事件由PointerRouter决定。

3 我们一般是使用GestureDetector来进行事件的注册。

3.1 我们来简单捋一下 GestureDetector - build - RawGestureDetector- RawGestureDetectorState - build - Listener

3.2 最终我们定位到Listener组建,Listener组建是个RenderObjectWidget,所以他也是有对应的RenderObject,在对应的RenderObjecthandleEvent方法中收到down事件的时候,ListeneronPointerDown 会执行

4 我们接着分析Listener的onPointerDown方法

scss 复制代码
void _handlePointerDown(PointerDownEvent event) {
 assert(_recognizers != null);
 for (final GestureRecognizer recognizer in _recognizers!.values) {
   recognizer.addPointer(event);
 }
}

这个地方的 _recognizers 我们不纠结,就理解成我们我们在使用GestureDetector注册事件的时候,根据注册的事件会生成不同GestureRecognizer,真正判断这个事件是单击还是长按,具体逻辑都在对应的GestureRecognizer实现类里面。

我们看addPoint方法。如果处理这个事件就会继续走 addAllowedPointer

csharp 复制代码
void addPointer(PointerDownEvent event) {
  _pointerToKind[event.pointer] = event.kind;
  if (isPointerAllowed(event)) {
    addAllowedPointer(event);
  } else {
    handleNonAllowedPointer(event);
  }
}

再看 addAllowedPointer,不同的GestureDetector 实现方式不一样,但是归根结底都会调用到GestureBinding.instance.pointerRouter.addRoute(pointer, handleEvent, transform)

less 复制代码
@override
@protected
void addAllowedPointer(PointerDownEvent event) {
  startTrackingPointer(event.pointer, event.transform);
}
arduino 复制代码
@protected
void startTrackingPointer(int pointer, [Matrix4? transform]) {
  GestureBinding.instance.pointerRouter.addRoute(pointer, handleEvent, transform);
  ...
}

注册handleEvent到pointerRouter,以接收后续的事件。

相关推荐
GitLqr15 小时前
别在 Flutter 的 main() 里乱锁屏幕方向,小心 iPad 分屏功能被你搞没了
android·flutter·ios
唐诺17 小时前
Flutter Pigeon 跨端通信实战指南
flutter·pigeon
浮江雾17 小时前
Flutter第十七节-----路由管理(3)
android·开发语言·前端·javascript·flutter·入门
程序员老刘19 小时前
Flutter版本选择指南:3.44密集修BUG,9月大限将至 | 2026年7月
flutter·ai编程·客户端
恋猫de小郭1 天前
Flutter 3D 渲染的全新选择和应用场景
android·前端·flutter
敲代码日常1 天前
不会Flutter,怎么做服药提醒APP
flutter
浮江雾2 天前
Flutter第十六节-----路由管理(2)
android·开发语言·前端·javascript·flutter·html
恋猫de小郭2 天前
Flutter 全新真 3D 实现,用 flutter_scene 能开发一个「我的世界」
android·前端·flutter