Tuesday, January 19, 2021

Flutter Widgets Explorer: The Tab Buttons

As per the developer of the buttons_tabbar flutter package mentioned in the article Flutter: TabBar With Buttons as Tabs, he created the package is to create tab bar which common in iOS application, but he was unable to find one in the default flutter implementation.

A picture is worth a thousand words:-

After I implemented the example, I found an article 5 Ways of styling Tab in Flutter. I think we might able to style the default tabs to achieve similar effect.

Hence, before you use the buttons_tabbar flutter package in your application, I think you might first try to use the default tab and change its style to fit your application requirements.

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 tab_buttons 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 whether the project is helpful to 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: