Feature Requests

I want to capture a tab bar click onPressIn. Currently, there is no way to properly override tabBarItem. If I override tabBarLabel there still is a pressableOpacity that's wrapping it, capturing the press event. There also seems to be no way to have a custom pressable or disable the default press events. To my knowledge my usecase is not supported.

Would like to be able to disable animations when open drawer, open instant without animation (when use DrawerOpen) thanks.

On tablet in portrait mode it should be awesome to have a tab bar at the bottom and a 1/3 pane left with a list container and at the right side of this pane a 2/3 pane with the detail view of the selection of the list item from the 1/3 part. On tablet in landscape mode, the tab bar should be better aligned at the left of the screen, and still having the 1/3 + 2/3 screen pane ratio. Actually, to be more clear it is a master(list) + detail layout.

As I researched having a scaling drawer with header on is never done. Every tutorial just hides the default header. To overcome this we could give access to Scene Container component. for example: <Drawer.Navigator screenOptions={{ sceneContainerComponent=(props) => { //scaling drawer logic here <Animated.View style={animatedStyle}>{props.children / which is actual screen component /}</Animated.View> } }}> </Drawer.Navigator> With some option like this we could easily manipulate scene for any desired animations and features. Of course this is easy to workaround but why not support it ?

It would be super helpful.

Latest Material Design includes large titles similar to iOS but headerLargeTitle option doesn't work on Android More info: https://m3.material.io/components/top-app-bar/guidelines

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.

The current controls are based on material design 2, but not on the newly released version 3. In order to keep this navigation library relevant, you might want to add support for this https://m3.material.io/

React Navigation's header already have allowFontScaling for title. Similarly it should accept the adjustsFontSizeToFit prop for header titles. This would give developers more control, ensuring titles gracefully scale down to fit the header width, improving readability and user experience across different screen sizes.