Flutter: Ignore touch events on a Widget

Question

I want to have a blurred image on top of my other widgets, however, I cannot interact with the widgets below it when I do that.

Answer 1

Solution

You can solve your interaction issue (not being able to interact with the Widget below your blurred image) by surrounding your BackdropFilter with an IgnorePointer.

This means that IgnorePointer is the solution here because it will ignore all touch events for the Widget's passed as its child.

IgnorePointer(child: BackdropFilter(...),)

You can adjust this attribute by changing the bool value of ignoring:

IgnorePointer(ignoring: false, ...)

This will enable all touch events again.

Absorbing

Something interesting to look at here, but unrelated to the problem, is the AbsorbPointer Widget, which can be used to reflect all touch events that occur on its child onto itself.