Feature Requests

Is there any way to know the progress of the current depth? For example, If we go from 0 to 1, 0.1, 0.2, 0.3, ..., 1 If we go from 1 to 2, 1.1, 1.2, 1.3, ..., 2 If we go from 2 to 1 again, 1.9, 1.8, 1.7, ..., 1 Is there any way to get this?

Is there any way to know the progress of the current depth? For example, If we go from 0 to 1, 0.1, 0.2, 0.3, ..., 1 If we go from 1 to 2, 1.1, 1.2, 1.3, ..., 2 If we go from 2 to 1 again, 1.9, 1.8, 1.7, ..., 1 Is there any way to get this?

See the following issues for a detailed description of the problem, and a workaround: https://github.com/react-navigation/react-navigation/issues/9744

drawerStyle has only readonly properties and therefore you cannot give an Animated.Value reference to it. This can be helpful when creating custom drawers like for drawer with permanent types, sometimes it should have custom width that can be changed with some animations.

We would like to build a separate animation on transition between react-native-pager-view Pages. If we're using tab-view, we have access to onSwipeStart and onSwipeEnd callbacks. I can see that PagerView has an onPageScroll, which would allow us to set up a shared value on this transition between pages. Would it be simple to expose this prop also over tab-view?

What do I want to achieve? I want to put the tabBar of material-top-tab on the title of the stack or native-stack navigator. At this time, the tabBar should only occupy the actual content width, not the entire screen width. By default, the tabBar will be located below the Header , which greatly wastes screen space and does not meet our design guidelines. What problems did I encounter? I tried to use the Header component in @react-navigation/elements and assign the tabBar in material-top-tab to the headerTitle , but it resulted in a very strange effect. Here are my codes and the current effect: ```tsx const MyTabBar: React.FC<MaterialTopTabBarProps> = React.memo( ({ state, ...props }) => { return ( <Header title={''} headerTitleAlign={'center'} headerTitle={() => ( <TabBar {...props} renderIndicator={(props1) => ( <TabBarIndicator {...props1} style={{ backgroundColor: 'transparent' }} /> )} navigationState={state} style={{ width: 200 }} /> )} /> ); }, ); ``` As you can see，the whole tabBar become a color block，the tab bar label also disappeared

Active tab bar may have different text color or size.

What effect do I want to achieve? The tab indicator is overlaid on the tab text, not at the bottom of the tab What is the problem now? The TabBarIndicator component is fixed at the bottom and is only 2 pixels high. The specific code is here: https://github.com/react-navigation/react-navigation/blob/bddcc44ab0e0ad5630f7ee0feb69496412a00217/packages/react-native-tab-view/src/TabBarIndicator.tsx#L182 What do I expect? The size of tabBarIndicator should follow each tabBarItem . Maybe borderBottom can be used to achieve the current effect? After switching to this method, I believe it will be easier to achieve the following effects:

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.