ios - 如何在我的 flutter 应用程序中添加连续移动的背景？

Question

我一直在使用 Swift 4 开发 iOS 应用程序，但最近(今天)在听说它的功能后决定切换到 Flutter/dart。

在我的 iOS 应用程序中，我有一个移动的波浪背景(当你想到海洋时实际的波浪)。波浪 .png 的宽度是 1606 个单位，我以一种在 1 秒内从右向左平移 265 个单位的方式对其进行动画处理，然后它自己重复。这样，波浪会连续移动，而实际上，它只是整个 png 的一小部分在重复。

我需要将相同的背景应用到应用程序中的所有 ViewController(屏幕)，我通过在过渡之前发送最后一个已知的 x 值来实现这一点( View Controller 之间的过渡，我相信这是一个“路线” dart?) 并将此值用作下一个 ViewController 中波浪的初始位置。当我向上或向下滑动以移动到不同的 View Controller 时，波浪也会相应地移动。

出于某种原因，动画有点断断续续，但我会说 80% 的时间都非常流畅。当我发布我的应用程序时，我需要它是 100%。

我将如何在 Dart 中完成这种类型的动画？

对于动画，Flare 似乎很有前途，我正在转向使用它来实现我的目标，但我想听听有关如何处理这个问题的任何建议。

Answer 1

动画性能取决于它的实现方式。如果没有最少的重现，找出问题将是一项挑战。尽管您可以考虑使用其他选项来为背景设置动画，但使用 AnimatedPositioned小部件。使用它应该有助于操纵屏幕上显示的小部件的位置。

另一种方法是使用 Adob​​e After Effects 动画并使用 lottie 进行渲染。您应用上的插件。