Skip to content

Undesired topbar right button animation #7951

@RomanKo-wix

Description

@RomanKo-wix

What happened?

I want to update the right button title in the top bar while staying on the same screen. I'm using mergeOptions for this. The button title animates with every re-render. I can use the animateRightButtons prop to prevent the animation on each update, but the button still shakes slightly. There are two attached videos: one showing the behavior before applying animateRightButtons and the other after.

before.animateRightButtons.mov
after.animateRightButtons.mov

What was the expected behaviour?

After applying animateRightButtons prop the button becomes stable

Was it tested on latest react-native-navigation?

  • I have tested this issue on the latest react-native-navigation release and it still reproduces.

Help us reproduce this issue!

No response

In what environment did this happen?

React Native Navigation version: 7.40.3
React Native version: 0.73
Node version: 20.11.1
Device model: Pixel, Samsung
Android version: 11, 14

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions