Flutter Assets Bar example on Codepen.io, let's code it!
I love programming and I work as a Software Engineer developing web based applications and mobile apps. I'm a full stack developer, from the backend where I primarly use Node.js and MySQL on Linux Servers to the frontend where I use modern web technologies and CSS frameworks. I love to develop mobile app, especially in Android mainly in Java, and in the last year I'm using Flutter, first to experiment and in the last period to develop cross platform enterprise apps. In my spare time I like to experiment on side projects apps, ui designs, web app to improve my skills and test new ideas.
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.
Feel free to use the example and implement it in your apps.
Alberto
