Bring back gestureResponseDistance in NativeStack
Hi there, Are there any plans to bring gestureResponseDistance or some similar option to adjust the gesture sensitivity for going back in a NativeStack? This was a great and important feature of the older Stack navigator. If the feature already exists, please let me know! Thanks, Leander
@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
headerLargeTitle for Android
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
tabBarStyle in custom navigation component
The tabBarStyle should be available as an attribute on the props passed to a custom navigation component. This would allow us to customize them on a per-screen basis.
Render components below searchBar
Why is there no option to render components below the searchBar or title? Apple music uses segmented control or GitHub renders filters, it would be necessary to have this possibility.
In the stack navigator section in the official docs, there is no information to inform the developer that the screenOptions prop can be a function not just an object
Is there an option to pass a layout component to each tabview? I have 3 tabs that share some equal component or equal UI e.g. a banner. I have to render 3 times the same component
Tablet dual pane support
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.
DrawerItem wrapper style override
The ToucheableItem wrapping the label content has a default style that can not be overriden properly: https://github.com/react-navigation/react-navigation/blob/b7fa90bf8d338d1146c7f60cca485a8af2f79772/packages/drawer/src/views/DrawerItem.tsx#L100 It would be great to allow this. For my case, I need to reduce the padding. The only ugly hack I found is to made a negative vertical margin on listItem style.