flutter - 在小部件后面传播点击

Question

我有一个里面有两个小部件的 Stack。
我试图检测堆栈底部小部件上的点击，该小部件位于顶部小部件的后面。
我正在使用 HitTestBehavior.translucent ，但只有在 GestureDetector 时才有效没有 child 。
这是我在我的应用程序中需要的简化版本。我有一个 Stack，它在屏幕上包含许多小卡片，并且在它们上面有一个 Canvas 。尽管有 Canvas ，但我需要能够点击卡片来更改其内容。我认为使用半透明行为可以解决我的问题，但事实并非如此。
编辑:另外，第一个 GestureDetector将永远在 Positioned小部件。

class TestPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: SizedBox(
          height: 800,
          width: 400,
          child: Stack(
            children: [
              /// 2. ... and trigger the onTap function of this widget
              GestureDetector(
                behavior: HitTestBehavior.opaque,
                onTap: () {
                  print('TAP BOTTOM');
                },
                child: Container(
                  height: 500,
                  width: 400,
                  color: Colors.deepOrange,
                ),
              ),
              /// 1. I'm Trying to clic here...
              GestureDetector(
                behavior: HitTestBehavior.translucent,
                onTap: null,
                child: Container(
                  height: 300,
                  width: 400,
                  color: Colors.deepPurple,
                ),
              ),
            ],
          ),
        ),
        // ),
      ),
    );
  }
}

Answer 1

我有一个示例代码，您可以使用它来实现这一点:

​class TestPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: SizedBox(
          height: 800,
          width: 400,
          child: Stack(
            children: [
              /// 2. ... and trigger the onTap function of this widget (WIDGET_2)
              GestureDetector(
                behavior: HitTestBehavior.opaque,
                onTap: () {
                  print('TAP BOTTOM');
                },
                child: Container(
                  height: 500,
                  width: 400,
                  color: Colors.deepOrange,
                ),
              ),
              /// Able to tap bottom
              IgnorePointer(
                ignoring: true,
                child: Container(
                  height: 300,
                  width: 400,
                  color: Colors.deepPurple,
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

也很抱歉在这里发布晚了。