setting headerTransparent to false causes glitchy large header animation

[Relax594]

Description

When setting headerTransparent: false (even though it is the default), the collapse animation for the large header title is glitchy. As soon as you set headerTransparent to true or undefined, it works fine (no glitches).

In fact, this setting seems to have no effect anyways. Completely removing it from the screen options (default should be false according to docs then) still leaves the header transparent.

Happens on iOS 18 as well as iOS 26 when setting it to false.

headerTransparent: false:

Bildschirmaufnahme.2026-02-04.um.16.39.26.mov

headerTransparent: undefined:

Bildschirmaufnahme.2026-02-04.um.16.40.48.mov

Steps to reproduce

1. set headerTransparent: false on the native-stack screen options

Snack or a link to a repository

https://gist.github.com/Relax594/e3e61b61236711f20d296bcc09ef1df2

Screens version

4.22.0

React Native version

0.81.5

Platforms

iOS

JavaScript runtime

None

Workflow

None

Architecture

Paper (Old Architecture)

Build type

None

Device

iOS simulator

Device model

No response

Acknowledgements

Yes

[kkafar]

@kligarski, is this something you recall? Do we have this categorised as native bug?

[kligarski]

@kligarski, is this something you recall? Do we have this categorised as native bug?

No, I haven't seen this one yet but it might be related to other bugs with large title and non-transparent header - we need to investigate it.

[Relax594]

Even if it's a native bug, setting headerTransparent: false shouldn't do anything as it's the default according to the docs.
It should behave exactly the same as when not set, but it doesn't.