[iOS] Large iOS header animation glitches when scrolling down

[juskuc]

Description

Scrolling about 80% of the way down to where the large header would begin morphing into its smaller version, it makes this glitchy jump.

Current behavior

https://github.com/user-attachments/assets/637dbb76-bf36-41e3-ac1f-3893927b688a

I've noticed this fixes itself if you add a search bar to the large header. I also noticed this does not occur in simulator weirdly enough

Expected behavior

https://github.com/user-attachments/assets/d2c13361-12f1-415a-b9e8-720766896a15

No glitching out, smooth transitions.

Reproduction repo

https://github.com/react-navigation/react-navigation

Steps to reproduce

1. Enter a view that has the large style ios header
2. Scroll down 80-90% of the large header's height
3. Let your finger go to let the animation finish itself

Snack or a link to a repository

https://github.com/EvanBacon/expo-router-forms-components

Screens version

4.11.1

React Native version

0.79.3

Platforms

iOS

JavaScript runtime

Hermes

Workflow

Expo managed workflow

Architecture

Fabric (New Architecture)

Build type

Debug mode

Device

Real device

Device model

Iphone 15 Pro

Acknowledgements

Yes

[github-actions[bot]]

Hey! 👋

The issue doesn't seem to contain a minimal reproduction.

Could you provide a snack or a link to a GitHub repository under your username that reproduces the problem?

[juskuc]

Any updates? Mislabeled as missing reproduction steps

[leo-hsk]

I've got the same bug. Did you find a solution @juskuc ?

[juskuc]

@leo-hsk Nope, thought about looking into the code myself, but haven't had the time