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

Question

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

我在网上搜索，但找不到任何可以帮助我解决此问题的特定小部件。

考虑到我是新手，我很高兴有人能指出我正确的方向。感谢您的帮助：-）

Answer 1

我将如何实现这一点，在其中有一个带有容器（固定高度，宽度= screenWidth）的滚动视图，其中带有一个Stack。我已经将所有的心放入堆栈中，在有状态的小部件中保留对所有心的引用。轻按“心脏”按钮后，我将遍历每个心脏小部件，并随机延迟启动其动画。回顾一下：

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

这应该使它们在不同的时间动画一次。如果要循环播放，只需在您的心脏小部件中进行管理即可。