首页 > 解决方案 > 如何在颤动中制作可扩展的卡片堆栈

问题描述

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

当用户单击“显示更多”时卡片将展开,并在单击“显示更少”后折叠回来

标签: flutterflutter-layoutflutter-dependenciesflutter-animationflutter-test

解决方案


您可以使用 AnimatedPositioned() 小部件执行此操作。

这是文档

您只需创建卡片状态列表(打开、关闭),以及卡片是否被点击,更改状态。

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

链接到 AnimatedContainer()文档


推荐阅读