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

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

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

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

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

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

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

最佳答案

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

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

https://stackoverflow.com/questions/56487466/

相关文章:

python - 使用 win32com.client 列出可用的消息属性

c# - 使用 AddOpenIdConnect 时,为什么要添加默认范围?

javascript - 简单的 react-spring 组件在 gatsby 中不起作用 - 元

performance - LINQ AsNoTracking 运行缓慢

lua - 为什么不补间位置?

reactjs - Webpack 无法导入带有 ` 标记的 React 组件

powerbi - 在 Power BI 中正确显示持续时间和格式

apache-spark - 加入 Spark 返回重复的隐式数据类型不匹配

laravel - 将 Laravel Vue 组件编译成不同的 js 文件

javascript - 将 Uint8Array 转换为 Float32Array