Search packages, repositories and app categories

GitHub repositoryBernardi23/expandable_card

expandable_card

A Sliding Card widget for flutter

expandable_card project cover
Stars
110
Forks
15
Last push (UTC)
Nov 27, 2019
Project status
Active

Original README

English project snapshot. Visit GitHub for the latest content.

Expandable Card

This is a Flutter Widget that makes it easy to build a page with a bottom Card that can be expanded on user drag.

GIF Animation

How to use it

Use ExpandableCardPage for the body of your Scaffold. This widget will take two attributes:

  • Widget page: which is the default page in the background
  • ExpandableCard expandableCard: which is the bottom card itself. You can call the ExpandableCard constructor to build one.

ExpandableCard constructor has a few attributes:

  • EdgeInsetsGeometry padding: padding inside the card. Default value is EdgeInsets.all(15)
  • double minHeight: default height of the card when it's not expanded. Default value is 200
  • double maxHeight: height of the card when it's fully expanded. Default value is 500
  • bool hasShadow: determines whether the card has box shadow or not. Default is true
  • Color backgroundColor: background color of the card. Default is Colors.blueGrey
  • bool hasRoundedCorners: determines whether the card has rounded corners or not. Default is false
  • bool hasHandle: will add a little handle icon. Default is true
  • List<Widget> Children: Widgets that make the actual content of the card

Future Implementations:

  • AnimatedExpandableCard: will allow animation between closed state and expanded state.
  • Add suport for scrolling card when its fully expanded
Lucas Bernardi GitHub avatar
GitHub author

Lucas Bernardi ↗

24 years old, brazilian, medical student, who likes to program from time to time.

LanguagesDartObjective-CJava

Dependencies used

Dependency list 3 items

  • flutter{"sdk":"flutter"}
  • cupertino_icons^0.1.2
  • flutter_testDevelopment{"sdk":"flutter"}

How do I choose a repository?

Start with your use case, compare repository activity, and check the original project before adopting it.

  1. Search by repository name, owner or description, then narrow the results by topic.
  2. Compare stars, forks and recent pushes. Stars show community interest, not a guarantee of quality.
  3. Read the README, license and issues on GitHub before using a project.

Sources and maintenance

“A repository is the most basic element of GitHub.”

GitHub Docs — About repositories ↗