I'm working currently on a project in which I implemented a flow on top of react-navigation. This flow is valid for a particular navigation stack. The problem I'm facing is that I have function that I'm calling when each screen of the navigation stack renders. This tending to be cumbersome and difficult to maintain as the number of screens in the stack increases. So My request is that if there could a way to add a listener ("onScreenChange") in the Parent stack. This listener should be fired when the currently focussed child screen changes. This listener should emit the navigation context of the current screen and the route object. Another possible way to resolve my issue could be to give the possibility to inject a function to all the children screens of a navigation stack.

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

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.

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

Since gestures are not enabled for react-native-web it seems impossible to dismiss a modal by pressing on the cardOverlay area. It looks like we are using an Animated.View with pointerEvents set to "none". https://github.com/react-navigation/react-navigation/blob/dd48fe9b158814cab272fb85c74fc7079e8cef27/packages/stack/src/views/Stack/Card.tsx#L102 However, this makes it difficult to detect taps or mouse clicks on the overlay. Is it possible to add some way to fix this? Perhaps allow passing in a custom cardOverlay component?

Add ability to configure linking separately for each prefix either through passing prefix in getStateFromPath function like: getStateFromPath(prefix, path, options) or in linking object like: { prefixes: [...], screens }, { prefixes: [...] screens }

shrink/grow header when scrolling down/up

Text to show in a badge on the tab icon. Accepts a string or a number

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