每日见闻之尝试大白话说清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,以接收后续的事件。

相关推荐
wuhanwhite2 天前
Flutter Release 打包后插件失效问题排查与解决(实战分享)
flutter
BG2 天前
Flutter Svg转Path对象,path.getBounds()获取测量信息不准问题记录
flutter
MaoJiu2 天前
Flutter中实现Hero Page Route效果
flutter
神经骚栋2 天前
Flutter面试题01-Flutter中的三棵树
flutter·面试
小严家3 天前
Flutter完整开发指南 | Flutter&Dart – The Complete Guide
开发语言·flutter
倾云鹤3 天前
flutter实现Function Call
flutter·llm·function call
程序员老刘·3 天前
Flutter版本选择指南:避坑3.27 | 2025年9月
flutter·跨平台开发·客户端开发
懒得不想起名字3 天前
Flutter二维码的生成和扫描
flutter
鹏多多3 天前
flutter-详解控制组件显示的两种方式Offstage与Visibility
前端·flutter