Lim Chee Kin
2 min readJan 15, 2021

--

Flutter Nested List

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:-

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/flutter-widgets-explorer. Feel free to fork the repository and send me pull request.

I’d love to hear from you. :)

--

--

Lim Chee Kin

A business-minded full stack developer. Experienced in Java technology, interested on DApps, Solidity, Flutter, online marketing and algorithmic trading.