如何在颤动中制作可扩展的卡片堆栈

Question

我正在学习 Flutter，我正在尝试创建一堆可以像下图一样扩展的卡片，但我找不到类似的项目供我学习，所以任何人都可以帮助我在 Flutter 中实现这一点。

当用户点击“显示更多”时卡片会展开，点击“显示更少”后会折叠回来

Answer 1

您可以使用 AnimatedPositioned() 小部件来做到这一点。

这里是docs

您只需要创建一张卡片状态列表（打开、关闭），以及卡片是否被点击，更改状态。

根据卡片状态，在 AnimatedPositioned() 小部件中更改位置。 此外，这可以使用 AnimatedContainer() 而不是 AnimatedPositioned() 来完成

链接到 AnimatedContainer() docs

Answer 2

您可以手动执行此操作，但我认为使用包更容易，所以这里有一些包可以帮助您实现目标：

对于一叠卡片： https://pub.dev/packages/flutter_tindercard , https://pub.dev/packages/tinder_card

对于卡片扩展： https://pub.dev/packages/slimy_card , https://pub.dev/packages/sliding_card