Feature Requests

Is native iOS scale-down animation supported when presenting modals with formSheet presentation style in React Native Navigation ?

the routes can have an loader prop, a function that receives the routes params and can return a promise. This promise can be consumed in the Routes component with a useLoader prop. There is also a way to rerun the loader . A loadingComponent prop implements the loading state. Bonus: throwing special errors in the loader , for example redirect('..', { withAnimation: boolean })

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.