一个人如何实现150动画的心灵扑动？

Question

最近我在YouTube上看到了一个关于flutter 1.0（link）宣布的视频，我想知道如何在我的应用程序中实现这150个小动画心（从13:50开始观看）。

我在网上搜索但找不到任何特定的小部件可以帮助我。

考虑到我刚开始颤抖的事实，如果有人能指出我正确的方向，我会很高兴。谢谢你的帮助:-)

Answer 1

我将如何实现它有一个滚动视图，其中包含一个容器（固定高度和宽度= screenWidth），其中有一个Stack。我已经把所有的心都放在了堆栈中，在我的有状态小部件中引用所有的心。当点击心形按钮时，我将浏览每个心脏小部件并以随机延迟启动它的动画。所以回顾一下：

1. 创建一个有状态窗口小部件，其中包含心脏窗口小部件列表
2. 该视图将是一个带有子子Container的滚动视图，该Container将具有一个子Stack小部件。
3. 在init上我将生成150个心脏小部件，使用容器宽度和高度将它们放置在随机位置，并将它们全部设置为不显示。
4. 当点击心脏小部件时，我会遍历心脏小部件列表（如1中所述）并且延迟调用AnimateHeart。

这应该使它在不同的时间都有一次动画。如果你想循环它们只需在你的心脏小部件中管理它。