Skip to content

Tab Highlight Animation Replays on Tab Click #141

@palmtown

Description

@palmtown

Description: When using react-native-animated-nav-tab-bar, I encounter an issue where clicking on a tab option highlights the selected tab correctly. However, after highlighting the clicked tab, the animation reverts to the original tab and then back to the clicked tab. This behavior makes it seem like the animation is replaying the tab selection movement.

I have provided a video of what is happening in Exhibit 1 below.

Steps to Reproduce:

Integrate react-native-animated-nav-tab-bar in a React Native project.
Click on any tab option.
Observe the animation behavior.
Expected Behavior: The tab should highlight the clicked tab without reverting to the original tab and replaying the animation.

Actual Behavior: The tab highlights the clicked tab, reverts to the original tab, and then replays the animation to the clicked tab.

Environment:

react-native-animated-nav-tab-bar version: ^3.1.10
React Native version: 0.76.6
Platform: Android

Exhibit 1
https://github.com/user-attachments/assets/4d8cfad3-e97e-420d-b1e2-1fc695dd8391

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions