One trendy UI design in 2019 is clickable cards. Examples:
In this post, I’m going to show how easy it is to build this type of clickable card that is similar to the Mindfulness card in Health app:
Since the code is short, voila:
The implementation is simple: The card widget and its rendering logic is wrapped within a CupertinoButton widget. The size of the card, background image, etc. are part of the box decoration property of the inner container.
That’s it. All code is hosted in github:
Questions? Feel free to drop me a note!
