Currently, I use the Nested Drawer navigator inside the Stack navigator screen. But when the screen containing the Drawer navigator is focused, it does not allow to go back via the hardware back button. if if we try to override the backhander inside that screen the Subscription inside Drawer takes precedence. If we can hide the following subscription behind a flag then Stack navigator will properly handle the hardware back button. const subscription = enableBackHandler + ? BackHandler.addEventListener('hardwareBackPress', handleClose) + : undefined;

In react-navigation v6 you can specify a custom header for the native stack. I'm wondering if there is a way to understand whether the current screen is presented modally or not while rendering the header so we can customize the header for modals. I was checking the js stack navigation implementation and it seems ModalPresentationContext is being used for this purpose. Is there any plan to bring such a thing to the native stack as well? It would be nice if we could have something like isModal param along with other params (navigation, options, route...) in the custom header function.

@gorhom was nice enough to create a patch for this. https://github.com/gorhom/react-navigation-scrollable-modal This would enable users to swipe a modal away when the scrollable content is at its top position. This is how scrollable content inside of modals behave on native iOS apps out of the box. It is a highly coveted feature and how people who come from the Swift expect modals to behave in react native. Here is a video of this in action. https://twitter.com/Gorhom/status/1436777114540380173?s=20

Option to switch between tabs with no animation between screens, but keeping the indicator animation tough. In my case I need it for createMaterialTopTabNavigator 5.x I'm opening a new request in case this is something easier to implement than https://react-navigation.canny.io/feature-requests/p/tabnavigator-custom-transition

We should be able to create custom animation by switching from a tab to another

The snack on this page -> https://reactnavigation.org/docs/preventing-going-back/ Does not work, cause it contain an element TextEditText which does not exist. I would like to replace TextEditText with TextInput. How can I initiate a change request for a snack?

Hi, currently there's a way of getting the current options through navigationContainerRef.getCurrentOptions . The problem however is that it requires us to save the ref somewhere and then providing that to our screens through a context/state. To simplify that process, I think that we could add a getOptions to useNavigation. The usage would be something like: const { getOptions, setOptions } = useNavigation();

i have used create material bottom tab navigator i want to hide the bottom tab navigator when i scroll on screen