How can I ignore Mouse Hover events for a widget?

Question

I want to (conditionally) prevent mouse hover events from affecting a certain widget (tree).

`IgnorePointer`

I thought that IgnorePointer would be the solution here, based on how you would prevent touch events. However, IgnorePointer does not work for mouse hovering.

How do I prevent mouse hover events from affecting my widget?

creativecreatorormaybenot · Accepted Answer · 2020-06-25 13:49:06Z

1

You can use an expanded MouseRegion in a Stack to absorb all mouse hover events for your widget:

Stack(
  children: [
    child, // <---- your widget that ignores mouse hover events.
    const MouseRegion(
      child: SizedBox.expand(),
    ),
  ],
);

answered Jun 25, 2020 at 13:49

creativecreatorormaybenot

128k66 gold badges317 silver badges428 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can I ignore Mouse Hover events for a widget?

`IgnorePointer`

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related