flutter - 如何检测 GestureDetector 是否悬停在 Flutter 中？

Question

所以我有一个小部件 GestureDetector在 Flutter 中，我希望它在“悬停”上做一些事情，就像这样(向任何方向拖动):

可以用 GestureDetector 做吗？ ?任何帮助表示赞赏。

Answer 1

鼠标区域
鼠标区域小部件
MouseRegion 公开了一些与鼠标相关的事件，你猜对了。这些事件是:

OnEnter, which will trigger when your mouse enters the Widget.
OnExit, which will trigger when your mouse leaves the Widget.
OnHover, which will trigger both when your mouse enters the Widget and on every subsequent move inside the Widget.

所有这些实际上都是 PointerEvents，它返回有关用户指针的各种信息。在这里，我们将查看用户鼠标在包含 Widget 内的当前位置，该 Widget 以 Offset 的形式存储。

 class _MyHoverableWidgetState extends State<MyHoverableWidget>{
        // Our state
        bool amIHovering = false;
        Offset exitFrom = Offset(0,0);
    
        return MouseRegion(
            onEnter: (PointerDetails details) => setState(() => amIHovering = true),
            onExit: (PointerDetails details) => setState(() { 
                amIHovering = false;
                exitFrom = details.localPosition; // You can use details.position if you are interested in the global position of your pointer.
            }),
            child: Container(
                width: 200,
                height: 200,
                child: Center(
                    child:Text(amIHovering ? "Look mom, I'm hovering" : "I exited from: $exitFrom"),
                ), 
            ),
        );

    }