Flutter 如何在滑动时设置全屏照片转换动画，如在电报中？

垂直滑动时，图像将向滑动方向拖动，黑色背景动画淡出。 发布后，它会像英雄动画一样，平稳地返回到屏幕上以前的位置

如何使用颤振重现这种效果？同样的场景，在全屏照片视图中。 该软件包适用于全屏显示，因此不应干扰缩放

---

实际上，您需要的是一个现成的小部件，而且使用起来非常简单。它被称为英雄。基本上，您可以像在

Hero

小部件中那样使用特定的

tag

字符串包装要设置动画的小部件，并且当您导航到另一个屏幕时，您可以使用相同的标记将目标小部件包装在另一个

Hero

小部件中。通过将两个具有相同照片的小部件用

Hero

es包装在不同的

PageRoute

s中，可以实现与您共享的效果类似的效果

查看这段视频，了解更多关于

Hero

widgets的详细说明

编辑：我看到您正在寻找更具体的图像查看器行为。然后，我建议您使用，它包括许多功能来可视化图像，包括用滑动道来消除行为的英雄过渡，用捏来缩放等。

我找到了解决方案。

---

要创建这样一个动画，你应该使用软件包，它有

SlideOutPage

小部件来创建这样的过渡。

Dude，电报不是开源的吗？@SeanBrookins。但是它不是写在Flutter上的（我的问题与之相关——请看标签）。我确实看到了它们，我只是想建议看看它们的实现：）@SeanBrookins，如果我知道去哪里看的话：D，我认为从Flutter的角度来考虑这个转换要比深入研究他们的原生代码花费更少的时间。这里的问题不是关于英雄动画，而是关于滑动处理。你们如何使用英雄来制作这样的小部件的动画——让它跟随滑动，并在释放手指时回到它在前一个屏幕上的位置？哦，我明白你们的意思了。然后，查看我在答案中的编辑。这正是我正在使用的软件包。你能解释一下如何使用这个软件包来实现我问题中的gif动画吗？在这个包中，我没有找到任何可以忽略参数的向下滑动。