一个人如何实现 150 个动画心在颤动？

Question

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

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

考虑到我是 Flutter 的新手，如果有人能指出我正确的方向，我会非常高兴。感谢您的帮助:-)

Answer 1

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

1. 创建一个有状态的小部件，它有一个心脏小部件列表
2. 该视图将是一个带有根子容器的滚动视图，并且该容器将具有一个子 Stack 小部件。
3. 在初始化时，我会生成 150 个心脏小部件，使用容器宽度和高度将它们放置在随机位置，并将它们全部设置为不显示。
4. 点击心脏小部件时，我会循环浏览心脏小部件列表（如 1 中所述）并延迟调用 AnimateHeart。

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