Drawer does not close after selecting item

[JenilynnB]

Current behavior

When using a drawer navigator with nested stack navigators and selecting an item, the selected screen will appear, but the drawer will not close.

This happens on iOS devices with "Reduce Motion" and "Prefer Cross-Fade Transitions" enabled.

RPReplay_Final1715791549.mov

Expected behavior

The drawer should close when an item is selected

Reproduction

https://snack.expo.dev/@jbrandes/authentic-yellow-apple

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

package	version
@react-navigation/native	6.1.12
@react-navigation/drawer	6.6.15
@react-navigation/stack	6.3.29
react-native-safe-area-context	4.10.1
react-native-screens	3.31.1
react-native-gesture-handler	2.16.1
react-native-reanimated	3.10.1
react-native	0.74.1
expo	51.0.5

[github-actions]

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

• @react-navigation/native (found: 6.1.12, latest: 6.1.17)

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

[JenilynnB]

Confirmed. Issue still exists.

[github-actions]

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.

[Eonfuzz]

This is currently happening in our expo project too since migrating to expo51

[drewjoh]

This is happening for me as well.

This causes strange things such as needing to tap a menu item in the drawer twice to close it.

Or if you find yourself having closed it (such as by putting a delay before props.navigation.closeDrawer();) - then trying to open the menu up causes some things to execute (such as drawerHideStatusBarOnOpen), but to not actually open the drawer until you do another iteration (click 3 more times to open the menu).

[JenilynnB]

Also now having reports of some Android users experiencing the same issue with their "Remove Animations" setting turned on.

[DivyaniPatel96]

Hello, Did any one got resolution for this issue? I am also facing same issue for iOS.

[tipleavalentin]

Also happens on my end. react-native@0.74.1, expo@51.0.9, react-native-reanimated@3.10.1, @react-navigation/drawer@6.6.15.
It took me a while to figure how to reproduce the issue on Android, it happens only when animations are disabled.
Did someone found a fix?
Thanks!