如何在flutter中制作可扩展的卡片堆栈?

问题描述 投票:0回答:1

我正在学习Flutter,我想创建一个可以像下面的图片一样可以展开的卡片堆栈,但我找不到类似的项目在那里为我学习,所以任何人都可以帮助我如何我可以我实现这个在Flutter。

卡片将展开,当用户点击 "显示更多 "和折叠后点击 "显示更少"

flutter flutter-layout flutter-dependencies flutter-animation flutter-test
1个回答
0
投票

你可以手动做这个,但我认为它更容易与包,所以这里有一些包,可以帮助你实现你的目标。

所以这里有一些包,可以帮助你实现你的目标:https:/pub.devpackagesflutter_tindercard ,https:/pub.devpackagestinder_card。

的卡扩展。https:/pub.devpackagesslimy_card。 ,https:/pub.devpackagessliding_card。


0
投票

你可以用AnimatedPositioned()widget来实现。

这里是 文件

你所需要的是创建一个卡片的状态列表(打开,关闭),以及卡片是否被点击,改变状态。

根据Card的状态,在AnimatedPositioned()widget中改变位置,也可以用AnimatedContainer()代替AnimatedPositioned()。

链接到AnimatedContainer() 文件

© www.soinside.com 2019 - 2024. All rights reserved.