Flutter：当 GestureDetector 中有一个 ListView 时，它显然没有收到 Drag 事件

Posted 2023-02-23

【中文标题】Flutter：当 GestureDetector 中有一个 ListView 时，它显然没有收到 Drag 事件

【英文标题】：Flutter: GestureDetector apparently doesn't receive Drag events when it has a ListView in it

【发布时间】：2019-03-25 09:45:37

【问题描述】：

我错过了什么吗？文档说事件从最里面的孩子冒泡到祖先，但下面的代码不会将“拖动”打印到控制台。它确实打印“轻拍”。 将 NeverScrollablePhyiscs 应用于 ListView 确实有效，但我想在两个级别上监听事件。将 HitTestBehavior.translucent 应用于 GestureDetector 不会改变任何东西。

import "package:flutter/material.dart";

void main() => runApp(MyApp());

class MyApp extends StatelessWidget 
  @override
    Widget build(BuildContext context) 
      return MaterialApp(
        home: MyHomePage(),
      );
    


class MyHomePage extends StatelessWidget 
  @override
    Widget build(BuildContext context) 
      return Scaffold(
        body: GestureDetector(
          onVerticalDragUpdate: (DragUpdateDetails details) 
            print("dragged");
          ,
          onTap: () 
            print("tapped");
          ,
          child: ListView.builder(
            itemBuilder: (context, index) 
              return Container(
                padding: EdgeInsets.all(20.0),
                child: Text(
                  "The GestureDetector above me does not react to drag events. Maybe my parent is at fault?"
                )
              );
            ,
          )
        )
      );
    

【问题讨论】：

手势检测是从孩子到父母。 listview 在您的手势检测器之前捕获拖动事件。也不可能让多个小部件听同一个手势，至少不容易

@RémiRousselet 好的，这是有道理的。但是为什么它可以与 GridView 一起工作，它也能捕捉到手势呢？

【参考方案1】：

您可以使用Listener 监听原始指针事件

      return Scaffold(
            body: Listener(onPointerMove: (opm) 
              print("onPointerMove .. $opm.position");
        , child: ListView.builder(
          itemBuilder: (context, index) 
            return Container(
                padding: EdgeInsets.all(20.0),
                child: Text(
                    "The GestureDetector above me does not react to drag events. Maybe my parent is at fault?"));
          ,
        )));

【讨论】：

非常感谢。根据您的回答，我挖掘了原始指针事件的文档部分，现在明白冒泡适用于它们，而不是手势，对吗？但是为什么它与 GestureDetector 中的 GridView 一起工作，它也是一个可滚动的？

谢谢，我挣扎了 2 周。你是我的救星