как сделать расширяемую колоду карт во флаттере

Question

Я изучаю Flutter и пытаюсь создать колоду карт, которую можно разворачивать, как на картинке ниже, но я не смог найти аналогичный проект для меня, так что кто-нибудь может мне помочь, как я могу достигните этого во Флаттере.

Карта будет расширяться, когда пользователь нажимает «показать больше», и снова сворачивается после нажатия «показать меньше»

Answer 1

Вы можете сделать это с помощью виджета AnimatedPositioned ().

Вот документы

Все, что вам нужно, это создать список состояний карты (открыт, закрыт ), и если карта нажата, измените состояние.

В зависимости от состояния карты измените положение в виджете 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