flutter - Flutter：如何使以下图像小部件在 Stack 中起作用

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，我用谷歌搜索了它，但仍然没有任何合适的解决方案。

如果有任何建议，我将不胜感激。

Answer 1

使用IgnorePointer小部件

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