An Expanding Flutter Card Tile
Look, Google is developing 4 front end SDKs and that means that the approach to UX patterns is immature. The only way to counter that is to have a concise set of flutter skills that allows you to create custom UX implemented patterns in Flutter.
Some of these patterns are less visual and more architecture, and some are more visually based. This time around it happens to be visual with an implemented expanding card tile pattern.
State First
In state management, we need to do these things:
-Keep track of whether the card is expanded
-Run a build of the card expanding so that the expansion of the card is animated
-And we need a controller to tick off the animation via the build infrastructure
That happens to require these things from the Flutter SDK:
-The Stateful Widget so that we can set local state such as the boolean tracking whether the card is expanded: