Stack navigator nested inside drawer navigator. Unable to override headerShown property for inner stack navigator header.

[atharva-jadhav-04]

Current behavior

• I want only one header to be shown which is the parent header (because, I have already created many screens I cant change this very easily)

• The parent drawer navigator has drawer menu button, title shown in some screens, and icons/components added to header right.

• When I have change name, headerRight, or navigate to another screen in drawer I use the navigation object of drawer navigator passed down as a prop. It works as intended as well.

• However, when the orientation of screen is changed or keyboard inside scroll view is opened, stack navigator header is shown. (Only the white space, not the title or even the background color) even when It is explicitly set as false.

• When I close & reopen the screen it goes away, but comes back after reproduction mentioned above.

• This does not happen in IOS and the app is working perfectly fine there.

• Before changing orientation

• After changing orientation

• How do I know this is the inner stack navigator and not just a UI bug from my application?

• I can set header title and background color to red and you can see it is actually the inner header belonging to stack navigator.

• Now If I try to reproduce the same problem there is not white space added to the UI.

• Once again, this does not happen in IOS, there it is working perfectly fine.

Expected behavior

• The header of stack navigator (inner header) should not be displayed when Its property headerShown is set to false.

Reproduction

https://github.com/Crimsonbeans-Techlabs/IguanaPro-V2

Platform

• [X] Android
• [ ] iOS
• [ ] Web
• [ ] Windows
• [ ] MacOS

Packages

• [ ] @react-navigation/​bottom-tabs
• [X] @react-navigation/​drawer
• [ ] @react-navigation/​material-bottom-tabs
• [ ] @react-navigation/​material-top-tabs
• [X] @react-navigation/​stack
• [X] @react-navigation/​native-stack

Environment

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

package	version
@react-navigation/native	6.0.10
@react-navigation/bottom-tabs
@react-navigation/drawer	6.4.2
@react-navigation/material-bottom-tabs
@react-navigation/material-top-tabs
@react-navigation/stack
@react-navigation/native-stack	6.6.2
react-native-safe-area-context	4.3.1
react-native-screens	3.13.1
react-native-gesture-handler	2.5.0
react-native-reanimated	2.9.1
react-native-tab-view	3.1.1
react-native-pager-view	5.4.24
react-native	0.69.1
expo	NA
node	16.16.0
npm or yarn	npm 8.11.0

[github-actions[bot]]

Hey! Thanks for opening the issue. The issue doesn't seem to contain a link to a repro (a snack.expo.dev link, a www.typescriptlang.org/play link or link to a GitHub repo under your username).

Can you provide a minimal repro which demonstrates the issue? Please try to keep the repro as small as possible and make sure that we can run it without additional setup.

A repro will help us debug the issue. The issue will be closed automatically after a while if you don't provide a repro.

[github-actions[bot]]

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

• @react-navigation/bottom-tabs
• @react-navigation/material-bottom-tabs
• @react-navigation/material-top-tabs
• @react-navigation/stack

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

The versions mentioned in the issue for the following packages differ from the latest versions on npm:

• @react-navigation/native (found: 6.0.10, latest: 6.0.13)
• @react-navigation/drawer (found: 6.4.2, latest: 6.5.0)

Can you verify that the issue still exists after upgrading to the latest versions of these packages?

[github-actions[bot]]

Hello 👋, this issue has been open for more than a month without a repro or any activity. If the issue is still present in the latest version, please provide a repro or leave a comment within 7 days to keep it open, otherwise it will be closed automatically. If you found a solution or workaround for the issue, please comment here for others to find. If this issue is critical for you, please consider sending a pull request to fix it.

[AndriyZahura]

This is an active issue, reproducible in

"@react-navigation/drawer": "^6.5.7", "@react-navigation/native": "^6.0.8", "@react-navigation/native-stack": "^6.9.9",

I haven't found a workaround yet. Dynamic height is not an option. I have around ~20 createNativeStackNavigators inside one createDrawerNavigator. When changing to another orientation on Android, the height of drawer is doubled but there is no content, like on the author's screen. On screenshot: orange - my header; Red - SafeAreaView (or a simple View) of content.

[github-actions[bot]]

Hey! This issue is closed and isn't watched by the core team. You are welcome to discuss the issue with others in this thread, but if you think this issue is still valid and needs to be tracked, please open a new issue with a repro.