Skip to content

iOS 26: Header slightly shifts position shortly before animation ends #3773

@Ejden

Description

@Ejden

Description

Hi,
on iOS >= 26 it looks like the animation for the header is bugged. When the previous screen from which we're navigating from doesn't have a header, the next screen header is not animated correctly. There's a slight shift at the end of the animation (and it doesn't look good).

I've included the video of how the issue looks like. First tab shows bugged animation, second tab working one.

ScreenRecording_03-17-2026.19-46-04_1.mp4

Steps to reproduce

I've pasted the url to the GitHub repo to make the reproduction easy.

  1. Fetch repo
  2. Run npm install
  3. Run npm start
  4. Click on the button shown on different tabs to see different behaviours between different variants of the screens. (HomeTab and SettingsTab shows incorrect animation, ProfileTab shows correctly displayed animation).

Snack or a link to a repository

https://github.com/Ejden/react-native-navigation-bug-report

Screens version

4.16.0

React Native version

0.81.5

Platforms

iOS

JavaScript runtime

Hermes

Workflow

Expo managed workflow

Architecture

Fabric (New Architecture)

Build type

Debug mode

Device

Real device

Device model

iPhone 14 Pro (iOS: 26.2.1)

Acknowledgements

Yes

Metadata

Metadata

Assignees

No one assigned

    Labels

    platform:iosIssue related to iOS part of the libraryrepro-providedA reproduction with a snack or repo is providedtype:native-bugIssue reproducible on purely native setup

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions