Flutter Gesture Detection for Widget at the bottom of Stack

Question

I am trying to develop an interface similar to Google Maps using Flutter. My Flutter UI consists of a stack Widget, with the following child Widgets:

1. GoogleMaps (using the google maps plugin)
2. CustomScrollView with slivers (SliverPersistentHeader & SliverList)

I have made the SliverPersistentHeader be transparent so that the Google Maps shows below it. It looks fine, the only issue is GoogleMap could not get any gestures so it could not react to drag or tap gestures.

Any idea, how can I push the gestures down from the SliverHeader to GoogleMaps?

Here is a graphical representation of how the UI looks like.

Answer 1

我认为一种解决方案是使用IgnorePointer小部件作为SliverHeader的父级，因为它会使所有子树在命中测试时不可见。