Flutter 如何为动态项目列表在颤振上添加动画？

我正在为一款游戏开发一款应用程序，你可以在其中追踪护甲的升级级别。每个关卡都有一些需要升级的材料。例：

Level 1 - 10 of Materials A
Level 2 - 5 of Materials B
Level 3 - 10 of Materials C

我有一个页面，其中有一个星级小部件，当用户改变时，它会更新我的护甲等级属性。通过使用提供者，我的材质列表将更新为仅显示剩余的材质。 所以如果我的护甲在1级，它会显示：

Level 2 - 5 Materials B
Level 3 - 10 Materials C

Level 3 - 10 Materials C

当我的护甲在2级时，它显示：

Level 2 - 5 Materials B
Level 3 - 10 Materials C

Level 3 - 10 Materials C

我想做的是在材质离开屏幕时添加动画，而不是将其隐藏

这是我必须显示包含信息的行列表的设置

        Column(
            children: armor.listOfUpgradeMaterials.map((material) {
          return Container(
            child: Column(children: [
                MaterialByLevelRow(material),
              Divider(
                color: Theme.of(context).accentColor.withOpacity(0.5),
                height: 0,
              ),
            ]),
          );
        }).toList())

现在在我的

MaterialByLevelRow

小部件中，我有一个

AnimatedContainer

 height: shouldDisplayRow ? 40 : 0,

这是最好的选择吗？这样，屏幕上会出现几行，但高度为零，这不是一种糟糕的做法吗

---

如果我想在动画中添加一张幻灯片并改变高度，那可能吗

尝试使用AnimatedList（）小部件

---

有关更多帮助，请参阅本文：

尝试使用AnimatedList（）小部件

有关更多帮助，请参阅本文：