[Android] Header fails to render when visibility is changed simultaneous with StatusBar

Description

Toggling header visibility simultaneous with StatusBar results in the header failing to show up again.

Initial state:

After calling navigation.setOptions({headerShown: false}); StatusBar.setHidden(true);:

After calling navigation.setOptions({headerShown: true}); StatusBar.setHidden(false);:

Cross-posted from https://github.com/react-navigation/react-navigation/issues/13044 , as requested.

Steps to reproduce

1. Start with the header and status bar both visible
2. navigation.setOptions({headerShown: false}); StatusBar.setHidden(true);
3. navigation.setOptions({headerShown: true}); StatusBar.setHidden(false);
   • Notice that while the status bar is visible again (as expected), the header does not reappear (this is the bug)

Snack or a link to a repository

https://snack.expo.dev/@alpha0010/react-navigation-header-visibility-bug

Screens version

4.24.0

React Native version

0.84.1

Platforms

Android

JavaScript runtime

Hermes

Workflow

React Native (without Expo)

Architecture

Fabric (New Architecture)

Build type

Debug mode

Device

Android emulator

Device model

No response

Acknowledgements

Yes

Start by running the linked Snack and reproducing the sequence with Android, Fabric, React Native 0.84.1, and Hermes. Trace the Android header visibility and StatusBar transitions involved in the two setOptions/StatusBar.setHidden pairs. Done means the header reappears after both are made visible again, while the existing reproduction remains correct.