Skip to content

Working with tabs - TabBar/TabBarView desync #132293

@Michal-MK

Description

@Michal-MK

Is there an existing issue for this?

Steps to reproduce

Go to: https://docs.flutter.dev/cookbook/design/tabs

Navigate between tabs.

It seems to happen at the end of the transition animation.

If I click too fast then the animation sometimes does not happen at all. That is acceptable I guess since nobody would do that but still can result in a desync.
Then there is fast clicking -> a tab is switched before the transition completes, this works as expected most of the time.
Then the problematic "at the end of the animation clicking" I am not sure if it is a one/two frame window but it happens often enough to be annoying.
And finally clicking when the animation is already finished seems to work 100% of the time.

Expected results

TabBar and TabBarView are in sync (I am on tab 3 and I see a bycicle)

Actual results

TabBar and TabBarView are desynced (I am on tab 3 and I see a train)

Code sample

https://docs.flutter.dev/cookbook/design/tabs

Screenshots or Video

image

Logs

No response

Flutter Doctor output


Metadata

Metadata

Assignees

Labels

P2Important issues not at the top of the work lista: qualityA truly polished experiencef: material designflutter/packages/flutter/material repository.found in release: 3.10Found to occur in 3.10found in release: 3.13Found to occur in 3.13frameworkflutter/packages/flutter repository. See also f: labels.has reproducible stepsThe issue has been confirmed reproducible and is ready to work onr: fixedIssue is closed as already fixed in a newer versionteam-designOwned by Design Languages team

Type

No type

Projects

Status

Done (PR merged)

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions