flutter - 如何在图像中添加标记？

Question

我想在平面图的图像上添加一个标记。

图像可以放大和缩小。如果图像被放大，标记位置需要跟踪正确的位置。

我一直在寻找解决方案。似乎我只能找到向地图添加标记的方法，而不是在它们平移和缩放时跟踪它们。

标签： flutterdart

Answer 1

是的，你绝对可以做到。使用 ZoomWidget、CustomPainter、GesturesDetector 和 yourImage 的组合。

1. 用 CustomPainter 包裹图像，它将在您提供的坐标中绘制标记。
2. 用 GesturesDetector 和 onTap 包裹 CustomPainter，应该获取坐标并将其传递给 CustomPainter。
3. 用 ZoomWidget 将其包裹起来，并显示图像的实际宽度和高度。

这应该可以完成这项工作。让我知道它是否能解决您的问题。几天前我为一个项目做了这个。如果你需要代码，我明天可以给它..

ZoomWidget：https ://pub.dev/packages/zoom_widget