Skip to content

[Tabs][iOS 26] Setting badge value on active tab, causes a glitch #3273

@Ubax

Description

@Ubax

Description

When bagde value is updated on the active tab, then there is a glitch. This only happens on iOS 26.

Screen.Recording.2025-10-02.at.17.06.35.mov

The same happens when icon is updated

Steps to reproduce

Change the value of selected badge dynamically. For example

const [i, setI] = useState(0);

  useEffect(() => {
    const interval = setInterval(() => {
      setI(prev => prev + 1);
    }, 2000);
    return () => clearInterval(interval);
  }, []);

  TAB_CONFIGS[1].tabScreenProps.badgeValue = `${i}`;

Snack or a link to a repository

FabricExample

Screens version

4.16.0

React Native version

0.82

Platforms

iOS

JavaScript runtime

None

Workflow

None

Architecture

None

Build type

None

Device

None

Device model

No response

Acknowledgements

Yes

Metadata

Metadata

Assignees

Labels

Area: TabsIssue is related to native bottom tabsMissing reproThis issue need minimum repro scenarioPlatform: iOSThis issue is specific to iOS

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions