Screen header does not render properly after hiding/showing a child screen's header

[omniphx]

Current behavior

Navigating to a new screen, then hiding/showing the header and navigating back with navigation.goBack() will cause the parent screen's header to not render properly.

Resetting the navigation with navigation.reset() will restore the header but lose stack history.

Simulator.Screen.Recording.-.iPhone.15.-.2024-06-11.at.18.22.29.mp4

Expected behavior

Expect the parent screen's header to show the title and the color "red" when navigating back from the child screen after hiding/showing the header.

Reproduction

https://github.com/omniphx/reproducer-navigation

Platform

• Android
• iOS
• Web
• Windows
• MacOS

Packages

• @react-navigation/bottom-tabs
• @react-navigation/drawer
• @react-navigation/material-top-tabs
• @react-navigation/stack
• @react-navigation/native-stack
• react-native-tab-view

Environment

• I've removed the packages that I don't use

package	version
@react-navigation/native	6.1.17
@react-navigation/bottom-tabs	n/a
@react-navigation/drawer	n/a
@react-navigation/material-top-tabs	n/a
@react-navigation/stack	6.3.29
@react-navigation/native-stack	n/a
react-native-safe-area-context	4.9.0
react-native-screens	3.29.0
react-native-gesture-handler	2.15.0
react-native-reanimated	n/a
react-native-tab-view	n/a
react-native-pager-view	n/a
react-native	0.73.6
expo	n/a
node	20.11.0
npm or yarn	1.22.21

[github-actions]

Couldn't find version numbers for the following packages in the issue:

• @react-navigation/bottom-tabs
• @react-navigation/drawer
• @react-navigation/material-top-tabs
• react-native-tab-view

Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3.

[Maksymalnie]

"89ed26367cdb9b771858e026f2eb95bfdb90e5ae943e716575327ec325f39c44": true

[Maksymalnie]

"89ed26367cdb9b771858e026f2eb95bfdb90e5ae943e716575327ec325f39c44": true