flutter - Flutter:如何使以下图像小部件在堆栈中起作用

Question

我尝试实现此功能:捏以放大/缩小另一个叠加图像下的图像。
我的方法是使用photo_view使主照片缩放并通过“堆栈”将叠加图像放置在主照片的顶部。

import 'package:photo_view/photo_view.dart';

class Body extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: Stack(
        children: <Widget>[
          Container(
            child: PhotoView(
              initialScale: PhotoViewComputedScale.covered,
              imageProvider: AssetImage("assets/mainphoto.jpg"),
              ),
            ),
          ),
          Container(
            child: Center(
              child: AssetImage("assets/overlay.png”),
            ),
          ),
        ],
      ),
    );
  }
}

上面代码的结果

但是重叠图像会完全禁用主照片，我无法捏住以放大/缩小主照片。
我认为是因为Stack，我在Google上搜索了它，但仍然没有合适的解决方案。
如有任何建议，我非常感谢。

Answer 1

使用 IgnorePointer 小部件

IgnorePointer(
  child: Container(
    child: Center(
      child: Image.asset(
        "assets/overlay.png",
      ),
    ),
  ),
)