2021-02-24
1244
#flutter
Pinkesh Darji
34862
Feb 24, 2021 â‹… 4 min read

Flutter TabBar: A complete tutorial with examples

Pinkesh Darji I love to solve problems using technology that improves users' lives on a major scale. Over the last seven-plus years, I've been developing and leading various mobile apps in different areas.

Recent posts:

Solid series: Single Responsibility Principle (SRP)

By using SRP, developers can produce code that is easier to debug, test, and extend, making it clearer, more maintainable, and scalable.

Oyinkansola Awosan
Apr 30, 2025 â‹… 8 min read
axios post requests

Axios POST requests: Handling errors, authentication, & best practices

Learn about the Axios POST method and discover how to deploy it in vanilla JavaScript and frameworks like React.

Chimezie Innocent
Apr 29, 2025 â‹… 16 min read
creating server-driven web apps with htmx

Creating server-driven web apps with htmx

Explore htmx, a small browser-oriented JavaScript library aimed at building no-nonsense, server-driven web apps.

Elijah Asaolu
Apr 29, 2025 â‹… 16 min read
The nine best create react app alternatives

The 9 best Create React App alternatives

Compare nine alternatives to the Create React app, and learn how they can help you build modern React applications more efficiently.

Nefe Emadamerho-Atori
Apr 29, 2025 â‹… 8 min read
View all posts

9 Replies to "Flutter TabBar: A complete tutorial with examples"

  1. In this section
    “” Preserving the state of tabs “”
    you wrote :
    ” By default, tabs do not preserve the state ”
    But without using ‘AutomaticKeepAliveClientMixin’, by changing the tab, the previous state remains the same
    i use default_flutter_app ( counter app with FAB ) and Changing the tab does not return the number to 0
    Please explain to me is this normal? Has Flutter changed anything?

  2. How to get the focused tab more to left aligned?
    The default tabbar’s focused tab is always centered-aligned, but I wanted it to get more on left-aligned.

    References : DailyHunt, AirBnb

  3. Nicely written tutorial. Both the screenshots and code shown are compact, readable and to the point. Easy to understand. Thank you for doing this.

  4. Nice trick ! ‘ AutomaticKeepAliveClientMixin’,
    I was looking for this
    Works like a charm for me in an app with tabs and fl_charts
    Thank you very much

Leave a Reply