将触摸事件推迟到堆栈中的小部件

Question

我正在尝试重新创建this之类的UI导航

要做到这一点，我有一个Stack，背景位于我的地图中，一个PageView位于顶部，中间页面设置为空白，而HitTestBehavior.translucent则使触摸事件为空白由下图处理。

    return Scaffold(
        body: Stack(children: [
      Container(
          color: Colors.grey,
          child: Center(
            child: FlatButton(
              onPressed: () {
                print("button pressed");
              },
              child: Text("Press me"),
            ),
          )),
      PageView(
        controller: _pageController,
        children: <Widget>[
          Container(
            color: Colors.red,
          ),
          GestureDetector(
            behavior: HitTestBehavior.translucent,
          ),
          Container(
            color: Colors.blue,
          ),
        ],
      )
    ]));

但是，这似乎不起作用，在这里即使浏览量位于中间页面，也无法触摸浏览量下的按钮。

有什么想法吗？而且这是否是解决该问题的正确方法？