微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何使用另一个 GestureDetector 包装 GestureDetector 并在各处获取事件

如何解决如何使用另一个 GestureDetector 包装 GestureDetector 并在各处获取事件

如果我有一个带有内部 GestureDetectorGestureDetector,我该如何设置它以便两个检测器都接收点击事件?

你可以在这里看到运行代码https://dartpad.dev/37807a51a48e52eda81c24cf67260c33

GestureDetector(
      onTap: () => print("Log 1"),child: GestureDetector(
        onTap: () => print("Log 2"),child: Text("CLICK ME")
      )
);
  • 每次我点击文本时,它都会打印 Log 2

  • 我已经尝试设置 HitTestBehavior.traslucent 和所有这些,但没有成功。

  • 我希望它打印 Log 1Log 2

解决方法

    class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    return RawGestureDetector(
        gestures: {
          AllowMultipleVerticalDragGestureRecognizer: GestureRecognizerFactoryWithHandlers<
              AllowMultipleVerticalDragGestureRecognizer>(
            () => AllowMultipleVerticalDragGestureRecognizer(),(AllowMultipleVerticalDragGestureRecognizer instance) {
              instance..onEnd = (_) => print("test1");
            },)
        },child: RawGestureDetector(
          gestures: {
            AllowMultipleVerticalDragGestureRecognizer: GestureRecognizerFactoryWithHandlers<
                AllowMultipleVerticalDragGestureRecognizer>(
              () => AllowMultipleVerticalDragGestureRecognizer(),(AllowMultipleVerticalDragGestureRecognizer instance) {
                instance..onEnd = (_) => print("test2");
              },)
          },child: Container(color: Colors.red),));
  }
}

class AllowMultipleVerticalDragGestureRecognizer extends VerticalDragGestureRecognizer{
  @override
  void rejectGesture(int pointer) {
    acceptGesture(pointer);
  }
}

信用:https://gist.github.com/Nash0x7E2/08acca529096d93f3df0f60f9c034056

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。