Friday, January 15, 2021

Flutter Widgets Explorer: The Nested List

The Nested List screen allowed users view more information of a list item without leaving the current listing screen. It called "Nested List" as the detail of a list item presented as a horizontal list view in a vertical list item of dynamic height which depends on the height of the content of the list item. 

The horizontal list view is activated by pressing the arrow button on the right of the list item, then it pull more information of the list item from the back end. The screen was designed in this way to reduce data loaded from the back end when the listing screen is loaded. 

A picture is worth a thousand words:-

Thanks for your patient and reading till here. You are invited to fork the fluwix github repo, add your code and send me pull request. The key takeaways are you can showcase your code live in an Android app, Fluwix.com and embedded HTML (as iframe) in your blog post. We will take care the hassles of managing the deployment, production and marketing for you. If you're interested, please submit your idea of showcase.

Are you facing any problem with your Flutter development? Please answer the 3 questions Flutter Development Survey as we might have the solution to your problem. 

By the way, you can install the Fluwix (formerly Flutter Widgets Explorer) app to your android phone by clicking on the following image link:

Get it on Google Play
Kindly raise an issue if you have any problem running the Fluwix on your mobile or web.

If you are interested to reuse the source code of the screen, please check out the nested_list branch of the git repository hosted at https://github.com/limcheekin/fluwix. Feel free to fork the repository and send me pull request. 

I'd love to hear from you. :) 

Like this blog?

Thanks for visiting! If you like what you see, I'd really appreciate you linking to it or otherwise sharing it with people you think would find it useful.

No comments: