Flutter Assets Bar example on Codepen.io, let's code it!

Last week Codepen.io, the leading social development environment for millions of front-end developers and designers, announced the support to Flutter with this post on Medium: Announcing CodePen support for Flutter.

So now developer can showcase their work on Codepen and the amazing Flutter community started to release some amazing pens on the platform like these:

Gooey edge by @zoeyfan
Flutter Yeti by @Mariano Zorrilla
Twitter Clone by @Mariano Zorrilla
Generative art by @rxlabz
Blobby by by @rxlabz
Flutter DoctorStrange Chakra Animation by @tahatesser

I want to try Codepen with Flutter, so I implement a little view that I'm using in an app that I'm developing. The view is an assets bar used to represent a set of resources or space available and which can be used in all the apps that showed the occupation of a disk, assets in a portfolio, a set of currencies in an account. The class that manages all the stuff is the MyAssetsBar and supports some options: width, height, the radius of the corners, ordering (Ascending, Descending, None), assetsLimit.

https://codepen.io/polilluminato/pen/GRpWEVB

Feel free to use the example and implement it in your apps.

Alberto

Flutter Assets Bar example on Codepen.io, let's code it!

Comments

More from this blog

Boosting Productivity: A Guide to Building a Reading List App with Notion and Flutter Web

Theme and Accent Color switch with Riverpod in Flutter

How to properly organize your API EndPoints in Flutter

ENVied: the best way to handle your environment variables in Flutter

Change window size on Flutter programmatically

Command Palette

Comments

More from this blog