如何在颤抖中制作可扩展的卡片叠

Question

我正在学习Flutter，我试图创建一堆可以像下面的图片一样扩展的纸牌，但是我找不到类似的项目供我学习，所以有人可以帮助我如何做在Flutter中实现这一目标。

当用户单击“显示更多”时，卡片将展开，而在单击“显示较少”后，卡片会折叠回

Answer 1

您可以手动执行此操作，但我认为使用软件包更容易，因此以下是一些可以帮助您实现目标的软件包：

对于卡叠： https://pub.dev/packages/flutter_tindercard， https://pub.dev/packages/tinder_card

用于扩展卡： https://pub.dev/packages/slimy_card， https://pub.dev/packages/sliding_card

Answer 2

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

这里是docs

您需要做的是创建卡状态列表（打开，关闭），然后点击是否更改卡状态。

根据Card状态，更改AnimatedPositioned（）小部件中的位置。 另外，也可以使用AnimatedContainer（）代替AnimatedPositioned（）

链接到AnimatedContainer（）docs