具有可点击背景的 Flutter 叠加层

Question

我正在尝试将小部件置于其他所有内容之上。

我有这个代码工作

PageRouteBuilder(
    opaque: false,
    barrierColor: Colors.transparent,  
    pageBuilder: (BuildContext context, __, _) {
      return Align(
        child: Container(
          width: 500,
          height: 500,
          color: Colors.black,             
        ),
      ); // Scaffold
    },
  ),

问题是屏障不允许点击它后面的元素。我可以将 dismissable 设置为 true 或 false，但即使为 false 和 barrierColor: null，屏障后面的元素也不可点击。

我确定必须有一个合适的小部件，我添加了一个带有示例的图像，我需要单击 Button 1、Button 2 等，当叠加层可见。

我不能使用堆栈

Answer 1

尝试用 IgnorePointer 包装 Align像这样的小部件。

return IgnorePointer(
      child: Align(
        child: Container(
          width: 500,
          height: 500,
        ),
      ),
    );