堆栈中的GestureDetector被前景小部件阻止。 HitTestBehavior.translucent无法正常工作

Question

我正在尝试使用堆栈创建一个多层屏幕，该堆栈允许用户与前景和背景小部件进行交互。

我已经为屏幕启动了基本轮廓，但是即使在使用HitTestBehavior.translucent时，控制台也只能在按下半透明的红色容器时打印red pressed。我希望控制台在按下红色/紫色容器时打印两个字符串。

下面是我使用的代码。

  @override
  Widget build(BuildContext context) {
    final children = <Widget>[
      GestureDetector(
        behavior: HitTestBehavior.translucent,
        onTap: () {
          debugPrint('blue pressed');
        },
        child: Container(
          height: 500,
          width: MediaQuery.of(context).size.width,
          color: Colors.blue,
        ),
      ),
    ];

    if (exercise.instructions.isNotEmpty) {
      children.add(
        GestureDetector(
          behavior: HitTestBehavior.translucent,
          onTap: () {
            debugPrint('red pressed');
          },
          child: Container(
            height: 400,
            width: MediaQuery.of(context).size.width,
            color: Colors.red.withAlpha(100),
          ),
        ),
      );
    }

    return Stack(
      alignment: Alignment.bottomCenter,
      children: children,
    );
  }

下面是生成的屏幕：