Tuesday, January 26, 2021

Flutter Widgets Explorer: The Expansion/Collapse View

As there is always space constraints in mobile devices, expandable panel is a common widget used in mobile application. Like most developers, I tempted to look into third party flutter package such as expandable to implement such functionality.

However, my experience told me that the better way is first try to implement any functionality using Flutter built-in widgets, then only look into third party flutter packages when built-in widgets unable to deliver the desired functionalities. This approach will reduce unnecessary dependencies to third party flutter packages.

The following example taken from the article Flutter: Expansion/Collapse view, the author implemented the expandable panel using the built-in ExpansionTile and ExpansionPanelList widget:

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 above, please check out the expansion_collapse_view 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: