当图像在小部件上方并且仍然可以与后面的小部件交互时，是否可以使用堆栈制作水印？

Question

所以，我正在构建带有 flutter 的应用程序，并且在某些情况下某些页面需要水印。我使用 Stack Widget 解决了这个问题，但更多的问题来了。问题是：

我需要水印可以覆盖整个屏幕。
我试过使用 Positioned with Image behind widgets，但是有背景的 widgets 遮住了我的水印，看不清楚。

//Code to make watermark behind widgets
Stack (
  children : [
    Positioned(
      child: Center(
        child: Opacity(
          opacity: 0.1,
          child: Image.asset("path/to/images.png", fit: BoxFit.contain)
        ),
      ),
    ),
    AllMyScreenWidgets(),
  ]
)

当带图像的定位小部件位于小部件上方时，您可以看到所有水印，这很好，但您无法与后面的小部件进行交互。

//Code to make watermark over widgets
Stack (
  children : [
    AllMyScreenWidgets(),
    Positioned(
      child: Center(
        child: Opacity(
          opacity: 0.1,
          child: Image.asset("path/to/images.png", fit: BoxFit.contain)
        ),
      ),
    ),
  ]
)

是否可以继续使用Stack Widget？或者有关于这个问题的任何建议、解决方案、技巧或技巧吗？

谢谢

Answer 1

尝试忽略指针：

//Code to make watermark over widgets
Stack (
  children : [
    AllMyScreenWidgets(),
    Positioned(
      child: IgnorePointer(ignoring: true,
        child: Center(
          child: Opacity(
            opacity: 0.1,
            child: Image.asset("path/to/images.png", fit: BoxFit.contain)
          ),
        ),
      ),
    ),
  ]
)

当图像在小部件上方并且仍然可以与后面的小部件交互时，是否可以使用堆栈制作水印？

Is it possible to make watermark with stack when the image is over widget and still can interact with the widgets behind?

flutter

flutter-layout

watermark