@react-navigation/stack 6.3.3 → 6.3.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/TransitionConfigs/CardStyleInterpolators.js +1 -1
- package/lib/commonjs/TransitionConfigs/CardStyleInterpolators.js.map +1 -1
- package/lib/commonjs/TransitionConfigs/HeaderStyleInterpolators.js.map +1 -1
- package/lib/commonjs/TransitionConfigs/TransitionPresets.js.map +1 -1
- package/lib/commonjs/TransitionConfigs/TransitionSpecs.js.map +1 -1
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/navigators/createStackNavigator.js +1 -1
- package/lib/commonjs/navigators/createStackNavigator.js.map +1 -1
- package/lib/commonjs/types.js.map +1 -1
- package/lib/commonjs/utils/CardAnimationContext.js.map +1 -1
- package/lib/commonjs/utils/GestureHandlerRefContext.js.map +1 -1
- package/lib/commonjs/utils/ModalPresentationContext.js.map +1 -1
- package/lib/commonjs/utils/conditional.js.map +1 -1
- package/lib/commonjs/utils/debounce.js.map +1 -1
- package/lib/commonjs/utils/getDistanceForDirection.js.map +1 -1
- package/lib/commonjs/utils/getInvertedMultiplier.js.map +1 -1
- package/lib/commonjs/utils/memoize.js.map +1 -1
- package/lib/commonjs/utils/useCardAnimation.js.map +1 -1
- package/lib/commonjs/utils/useGestureHandlerRef.js.map +1 -1
- package/lib/commonjs/utils/useKeyboardManager.js.map +1 -1
- package/lib/commonjs/views/GestureHandler.android.js.map +1 -1
- package/lib/commonjs/views/GestureHandler.ios.js.map +1 -1
- package/lib/commonjs/views/GestureHandler.js.map +1 -1
- package/lib/commonjs/views/GestureHandlerNative.js +1 -1
- package/lib/commonjs/views/GestureHandlerNative.js.map +1 -1
- package/lib/commonjs/views/Header/Header.js +1 -1
- package/lib/commonjs/views/Header/Header.js.map +1 -1
- package/lib/commonjs/views/Header/HeaderContainer.js.map +1 -1
- package/lib/commonjs/views/Header/HeaderSegment.js +1 -1
- package/lib/commonjs/views/Header/HeaderSegment.js.map +1 -1
- package/lib/commonjs/views/ModalStatusBarManager.js.map +1 -1
- package/lib/commonjs/views/Screens.js +1 -1
- package/lib/commonjs/views/Screens.js.map +1 -1
- package/lib/commonjs/views/Stack/Card.js +5 -7
- package/lib/commonjs/views/Stack/Card.js.map +1 -1
- package/lib/commonjs/views/Stack/CardContainer.js.map +1 -1
- package/lib/commonjs/views/Stack/CardSheet.js +11 -3
- package/lib/commonjs/views/Stack/CardSheet.js.map +1 -1
- package/lib/commonjs/views/Stack/CardStack.js.map +1 -1
- package/lib/commonjs/views/Stack/StackView.js +1 -1
- package/lib/commonjs/views/Stack/StackView.js.map +1 -1
- package/lib/module/TransitionConfigs/CardStyleInterpolators.js +1 -1
- package/lib/module/TransitionConfigs/CardStyleInterpolators.js.map +1 -1
- package/lib/module/TransitionConfigs/HeaderStyleInterpolators.js.map +1 -1
- package/lib/module/TransitionConfigs/TransitionPresets.js.map +1 -1
- package/lib/module/TransitionConfigs/TransitionSpecs.js.map +1 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/navigators/createStackNavigator.js +1 -1
- package/lib/module/navigators/createStackNavigator.js.map +1 -1
- package/lib/module/types.js.map +1 -1
- package/lib/module/utils/CardAnimationContext.js.map +1 -1
- package/lib/module/utils/GestureHandlerRefContext.js.map +1 -1
- package/lib/module/utils/ModalPresentationContext.js.map +1 -1
- package/lib/module/utils/conditional.js.map +1 -1
- package/lib/module/utils/debounce.js.map +1 -1
- package/lib/module/utils/getDistanceForDirection.js.map +1 -1
- package/lib/module/utils/getInvertedMultiplier.js.map +1 -1
- package/lib/module/utils/memoize.js.map +1 -1
- package/lib/module/utils/useCardAnimation.js.map +1 -1
- package/lib/module/utils/useGestureHandlerRef.js.map +1 -1
- package/lib/module/utils/useKeyboardManager.js.map +1 -1
- package/lib/module/views/GestureHandler.android.js.map +1 -1
- package/lib/module/views/GestureHandler.ios.js.map +1 -1
- package/lib/module/views/GestureHandler.js.map +1 -1
- package/lib/module/views/GestureHandlerNative.js +1 -1
- package/lib/module/views/GestureHandlerNative.js.map +1 -1
- package/lib/module/views/Header/Header.js +1 -1
- package/lib/module/views/Header/Header.js.map +1 -1
- package/lib/module/views/Header/HeaderContainer.js.map +1 -1
- package/lib/module/views/Header/HeaderSegment.js +1 -1
- package/lib/module/views/Header/HeaderSegment.js.map +1 -1
- package/lib/module/views/ModalStatusBarManager.js.map +1 -1
- package/lib/module/views/Screens.js +1 -1
- package/lib/module/views/Screens.js.map +1 -1
- package/lib/module/views/Stack/Card.js +5 -7
- package/lib/module/views/Stack/Card.js.map +1 -1
- package/lib/module/views/Stack/CardContainer.js.map +1 -1
- package/lib/module/views/Stack/CardSheet.js +11 -3
- package/lib/module/views/Stack/CardSheet.js.map +1 -1
- package/lib/module/views/Stack/CardStack.js.map +1 -1
- package/lib/module/views/Stack/StackView.js +1 -1
- package/lib/module/views/Stack/StackView.js.map +1 -1
- package/lib/typescript/src/views/Stack/Card.d.ts +1 -1
- package/lib/typescript/src/views/Stack/CardSheet.d.ts +5 -2
- package/package.json +5 -5
- package/src/TransitionConfigs/CardStyleInterpolators.tsx +1 -1
- package/src/views/Stack/Card.tsx +4 -4
- package/src/views/Stack/CardSheet.tsx +14 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["StackView.tsx"],"names":["HeaderShownContext","SafeAreaProviderCompat","StackActions","React","StyleSheet","View","SafeAreaInsetsContext","ModalPresentationContext","GestureHandlerRootView","HeaderContainer","CardStack","GestureHandlerWrapper","isArrayEqual","a","b","length","every","it","index","StackView","Component","routes","previousRoutes","previousDescriptors","openingRouteKeys","closingRouteKeys","replacingRouteKeys","descriptors","route","state","filter","r","key","includes","findIndex","descriptor","props","render","navigation","some","routeNames","name","navigate","setState","dispatch","pop","source","target","closing","emit","type","data","getDerivedStateFromProps","map","reduce","acc","slice","previousFocusedRoute","nextFocusedRoute","isAnimationEnabled","options","animationEnabled","getAnimationTypeForReplace","animationTypeForReplace","splice","Error","_","rest","styles","container","insets","isParentModal","isParentHeaderShown","getPreviousRoute","handleOpenRoute","handleCloseRoute","handleTransitionStart","handleTransitionEnd","renderHeader","renderScene","handleGestureStart","handleGestureEnd","handleGestureCancel","create","flex"],"mappings":"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","sourcesContent":["import {\n HeaderShownContext,\n SafeAreaProviderCompat,\n} from '@react-navigation/elements';\nimport {\n ParamListBase,\n Route,\n StackActions,\n StackNavigationState,\n} from '@react-navigation/native';\nimport * as React from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport {\n EdgeInsets,\n SafeAreaInsetsContext,\n} from 'react-native-safe-area-context';\n\nimport type {\n StackDescriptorMap,\n StackNavigationConfig,\n StackNavigationHelpers,\n} from '../../types';\nimport ModalPresentationContext from '../../utils/ModalPresentationContext';\nimport { GestureHandlerRootView } from '../GestureHandler';\nimport HeaderContainer, {\n Props as HeaderContainerProps,\n} from '../Header/HeaderContainer';\nimport CardStack from './CardStack';\n\ntype Props = StackNavigationConfig & {\n state: StackNavigationState<ParamListBase>;\n navigation: StackNavigationHelpers;\n descriptors: StackDescriptorMap;\n};\n\ntype State = {\n // Local copy of the routes which are actually rendered\n routes: Route<string>[];\n // Previous routes, to compare whether routes have changed or not\n previousRoutes: Route<string>[];\n // Previous descriptors, to compare whether descriptors have changed or not\n previousDescriptors: StackDescriptorMap;\n // List of routes being opened, we need to animate pushing of these new routes\n openingRouteKeys: string[];\n // List of routes being closed, we need to animate popping of these routes\n closingRouteKeys: string[];\n // List of routes being replaced, we need to keep a copy until the new route animates in\n replacingRouteKeys: string[];\n // Since the local routes can vary from the routes from props, we need to keep the descriptors for old routes\n // Otherwise we won't be able to access the options for routes that were removed\n descriptors: StackDescriptorMap;\n};\n\nconst GestureHandlerWrapper = GestureHandlerRootView ?? View;\n\n/**\n * Compare two arrays with primitive values as the content.\n * We need to make sure that both values and order match.\n */\nconst isArrayEqual = (a: any[], b: any[]) =>\n a.length === b.length && a.every((it, index) => it === b[index]);\n\nexport default class StackView extends React.Component<Props, State> {\n static getDerivedStateFromProps(\n props: Readonly<Props>,\n state: Readonly<State>\n ) {\n // If there was no change in routes, we don't need to compute anything\n if (\n (props.state.routes === state.previousRoutes ||\n isArrayEqual(\n props.state.routes.map((r) => r.key),\n state.previousRoutes.map((r) => r.key)\n )) &&\n state.routes.length\n ) {\n let routes = state.routes;\n let previousRoutes = state.previousRoutes;\n let descriptors = props.descriptors;\n let previousDescriptors = state.previousDescriptors;\n\n if (props.descriptors !== state.previousDescriptors) {\n descriptors = state.routes.reduce<StackDescriptorMap>((acc, route) => {\n acc[route.key] =\n props.descriptors[route.key] || state.descriptors[route.key];\n\n return acc;\n }, {});\n\n previousDescriptors = props.descriptors;\n }\n\n if (props.state.routes !== state.previousRoutes) {\n // if any route objects have changed, we should update them\n const map = props.state.routes.reduce<Record<string, Route<string>>>(\n (acc, route) => {\n acc[route.key] = route;\n return acc;\n },\n {}\n );\n\n routes = state.routes.map((route) => map[route.key] || route);\n previousRoutes = props.state.routes;\n }\n\n return {\n routes,\n previousRoutes,\n descriptors,\n previousDescriptors,\n };\n }\n\n // Here we determine which routes were added or removed to animate them\n // We keep a copy of the route being removed in local state to be able to animate it\n\n let routes =\n props.state.index < props.state.routes.length - 1\n ? // Remove any extra routes from the state\n // The last visible route should be the focused route, i.e. at current index\n props.state.routes.slice(0, props.state.index + 1)\n : props.state.routes;\n\n // Now we need to determine which routes were added and removed\n let {\n openingRouteKeys,\n closingRouteKeys,\n replacingRouteKeys,\n previousRoutes,\n } = state;\n\n const previousFocusedRoute = previousRoutes[previousRoutes.length - 1] as\n | Route<string>\n | undefined;\n const nextFocusedRoute = routes[routes.length - 1];\n\n const isAnimationEnabled = (key: string) => {\n const descriptor = props.descriptors[key] || state.descriptors[key];\n\n return descriptor ? descriptor.options.animationEnabled !== false : true;\n };\n\n const getAnimationTypeForReplace = (key: string) => {\n const descriptor = props.descriptors[key] || state.descriptors[key];\n\n return descriptor.options.animationTypeForReplace ?? 'push';\n };\n\n if (\n previousFocusedRoute &&\n previousFocusedRoute.key !== nextFocusedRoute.key\n ) {\n // We only need to animate routes if the focused route changed\n // Animating previous routes won't be visible coz the focused route is on top of everything\n\n if (!previousRoutes.some((r) => r.key === nextFocusedRoute.key)) {\n // A new route has come to the focus, we treat this as a push\n // A replace can also trigger this, the animation should look like push\n\n if (\n isAnimationEnabled(nextFocusedRoute.key) &&\n !openingRouteKeys.includes(nextFocusedRoute.key)\n ) {\n // In this case, we need to animate pushing the focused route\n // We don't care about animating any other added routes because they won't be visible\n openingRouteKeys = [...openingRouteKeys, nextFocusedRoute.key];\n\n closingRouteKeys = closingRouteKeys.filter(\n (key) => key !== nextFocusedRoute.key\n );\n replacingRouteKeys = replacingRouteKeys.filter(\n (key) => key !== nextFocusedRoute.key\n );\n\n if (!routes.some((r) => r.key === previousFocusedRoute.key)) {\n // The previous focused route isn't present in state, we treat this as a replace\n\n openingRouteKeys = openingRouteKeys.filter(\n (key) => key !== previousFocusedRoute.key\n );\n\n if (getAnimationTypeForReplace(nextFocusedRoute.key) === 'pop') {\n closingRouteKeys = [\n ...closingRouteKeys,\n previousFocusedRoute.key,\n ];\n\n // By default, new routes have a push animation, so we add it to `openingRouteKeys` before\n // But since user configured it to animate the old screen like a pop, we need to add this without animation\n // So remove it from `openingRouteKeys` which will remove the animation\n openingRouteKeys = openingRouteKeys.filter(\n (key) => key !== nextFocusedRoute.key\n );\n\n // Keep the route being removed at the end to animate it out\n routes = [...routes, previousFocusedRoute];\n } else {\n replacingRouteKeys = [\n ...replacingRouteKeys,\n previousFocusedRoute.key,\n ];\n\n closingRouteKeys = closingRouteKeys.filter(\n (key) => key !== previousFocusedRoute.key\n );\n\n // Keep the old route in the state because it's visible under the new route, and removing it will feel abrupt\n // We need to insert it just before the focused one (the route being pushed)\n // After the push animation is completed, routes being replaced will be removed completely\n routes = routes.slice();\n routes.splice(routes.length - 1, 0, previousFocusedRoute);\n }\n }\n }\n } else if (!routes.some((r) => r.key === previousFocusedRoute.key)) {\n // The previously focused route was removed, we treat this as a pop\n\n if (\n isAnimationEnabled(previousFocusedRoute.key) &&\n !closingRouteKeys.includes(previousFocusedRoute.key)\n ) {\n closingRouteKeys = [...closingRouteKeys, previousFocusedRoute.key];\n\n // Sometimes a route can be closed before the opening animation finishes\n // So we also need to remove it from the opening list\n openingRouteKeys = openingRouteKeys.filter(\n (key) => key !== previousFocusedRoute.key\n );\n replacingRouteKeys = replacingRouteKeys.filter(\n (key) => key !== previousFocusedRoute.key\n );\n\n // Keep a copy of route being removed in the state to be able to animate it\n routes = [...routes, previousFocusedRoute];\n }\n } else {\n // Looks like some routes were re-arranged and no focused routes were added/removed\n // i.e. the currently focused route already existed and the previously focused route still exists\n // We don't know how to animate this\n }\n } else if (replacingRouteKeys.length || closingRouteKeys.length) {\n // Keep the routes we are closing or replacing if animation is enabled for them\n routes = routes.slice();\n routes.splice(\n routes.length - 1,\n 0,\n ...state.routes.filter(({ key }) =>\n isAnimationEnabled(key)\n ? replacingRouteKeys.includes(key) || closingRouteKeys.includes(key)\n : false\n )\n );\n }\n\n if (!routes.length) {\n throw new Error(\n 'There should always be at least one route in the navigation state.'\n );\n }\n\n const descriptors = routes.reduce<StackDescriptorMap>((acc, route) => {\n acc[route.key] =\n props.descriptors[route.key] || state.descriptors[route.key];\n\n return acc;\n }, {});\n\n return {\n routes,\n previousRoutes: props.state.routes,\n previousDescriptors: props.descriptors,\n openingRouteKeys,\n closingRouteKeys,\n replacingRouteKeys,\n descriptors,\n };\n }\n\n state: State = {\n routes: [],\n previousRoutes: [],\n previousDescriptors: {},\n openingRouteKeys: [],\n closingRouteKeys: [],\n replacingRouteKeys: [],\n descriptors: {},\n };\n\n private getPreviousRoute = ({ route }: { route: Route<string> }) => {\n const { closingRouteKeys, replacingRouteKeys } = this.state;\n const routes = this.state.routes.filter(\n (r) =>\n r.key === route.key ||\n (!closingRouteKeys.includes(r.key) &&\n !replacingRouteKeys.includes(r.key))\n );\n\n const index = routes.findIndex((r) => r.key === route.key);\n\n return routes[index - 1];\n };\n\n private renderScene = ({ route }: { route: Route<string> }) => {\n const descriptor =\n this.state.descriptors[route.key] || this.props.descriptors[route.key];\n\n if (!descriptor) {\n return null;\n }\n\n return descriptor.render();\n };\n\n private renderHeader = (props: HeaderContainerProps) => {\n return <HeaderContainer {...props} />;\n };\n\n private handleOpenRoute = ({ route }: { route: Route<string> }) => {\n const { state, navigation } = this.props;\n const { closingRouteKeys, replacingRouteKeys } = this.state;\n\n if (\n closingRouteKeys.some((key) => key === route.key) &&\n replacingRouteKeys.every((key) => key !== route.key) &&\n state.routeNames.includes(route.name) &&\n !state.routes.some((r) => r.key === route.key)\n ) {\n // If route isn't present in current state, but was closing, assume that a close animation was cancelled\n // So we need to add this route back to the state\n navigation.navigate(route);\n } else {\n this.setState((state) => ({\n routes: state.replacingRouteKeys.length\n ? state.routes.filter(\n (r) => !state.replacingRouteKeys.includes(r.key)\n )\n : state.routes,\n openingRouteKeys: state.openingRouteKeys.filter(\n (key) => key !== route.key\n ),\n closingRouteKeys: state.closingRouteKeys.filter(\n (key) => key !== route.key\n ),\n replacingRouteKeys: [],\n }));\n }\n };\n\n private handleCloseRoute = ({ route }: { route: Route<string> }) => {\n const { state, navigation } = this.props;\n\n if (state.routes.some((r) => r.key === route.key)) {\n // If a route exists in state, trigger a pop\n // This will happen in when the route was closed from the card component\n // e.g. When the close animation triggered from a gesture ends\n navigation.dispatch({\n ...StackActions.pop(),\n source: route.key,\n target: state.key,\n });\n } else {\n // We need to clean up any state tracking the route and pop it immediately\n this.setState((state) => ({\n routes: state.routes.filter((r) => r.key !== route.key),\n openingRouteKeys: state.openingRouteKeys.filter(\n (key) => key !== route.key\n ),\n closingRouteKeys: state.closingRouteKeys.filter(\n (key) => key !== route.key\n ),\n }));\n }\n };\n\n private handleTransitionStart = (\n { route }: { route: Route<string> },\n closing: boolean\n ) =>\n this.props.navigation.emit({\n type: 'transitionStart',\n data: { closing },\n target: route.key,\n });\n\n private handleTransitionEnd = (\n { route }: { route: Route<string> },\n closing: boolean\n ) =>\n this.props.navigation.emit({\n type: 'transitionEnd',\n data: { closing },\n target: route.key,\n });\n\n private handleGestureStart = ({ route }: { route: Route<string> }) => {\n this.props.navigation.emit({\n type: 'gestureStart',\n target: route.key,\n });\n };\n\n private handleGestureEnd = ({ route }: { route: Route<string> }) => {\n this.props.navigation.emit({\n type: 'gestureEnd',\n target: route.key,\n });\n };\n\n private handleGestureCancel = ({ route }: { route: Route<string> }) => {\n this.props.navigation.emit({\n type: 'gestureCancel',\n target: route.key,\n });\n };\n\n render() {\n const {\n state,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n descriptors: _,\n ...rest\n } = this.props;\n\n const { routes, descriptors, openingRouteKeys, closingRouteKeys } =\n this.state;\n\n return (\n <GestureHandlerWrapper style={styles.container}>\n <SafeAreaProviderCompat>\n <SafeAreaInsetsContext.Consumer>\n {(insets) => (\n <ModalPresentationContext.Consumer>\n {(isParentModal) => (\n <HeaderShownContext.Consumer>\n {(isParentHeaderShown) => (\n <CardStack\n insets={insets as EdgeInsets}\n isParentHeaderShown={isParentHeaderShown}\n isParentModal={isParentModal}\n getPreviousRoute={this.getPreviousRoute}\n routes={routes}\n openingRouteKeys={openingRouteKeys}\n closingRouteKeys={closingRouteKeys}\n onOpenRoute={this.handleOpenRoute}\n onCloseRoute={this.handleCloseRoute}\n onTransitionStart={this.handleTransitionStart}\n onTransitionEnd={this.handleTransitionEnd}\n renderHeader={this.renderHeader}\n renderScene={this.renderScene}\n state={state}\n descriptors={descriptors}\n onGestureStart={this.handleGestureStart}\n onGestureEnd={this.handleGestureEnd}\n onGestureCancel={this.handleGestureCancel}\n {...rest}\n />\n )}\n </HeaderShownContext.Consumer>\n )}\n </ModalPresentationContext.Consumer>\n )}\n </SafeAreaInsetsContext.Consumer>\n </SafeAreaProviderCompat>\n </GestureHandlerWrapper>\n );\n }\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n },\n});\n"]}
|
|
1
|
+
{"version":3,"names":["HeaderShownContext","SafeAreaProviderCompat","StackActions","React","StyleSheet","View","SafeAreaInsetsContext","ModalPresentationContext","GestureHandlerRootView","HeaderContainer","CardStack","GestureHandlerWrapper","isArrayEqual","a","b","length","every","it","index","StackView","Component","routes","previousRoutes","previousDescriptors","openingRouteKeys","closingRouteKeys","replacingRouteKeys","descriptors","route","state","filter","r","key","includes","findIndex","descriptor","props","render","navigation","some","routeNames","name","navigate","setState","dispatch","pop","source","target","closing","emit","type","data","getDerivedStateFromProps","map","reduce","acc","slice","previousFocusedRoute","nextFocusedRoute","isAnimationEnabled","options","animationEnabled","getAnimationTypeForReplace","animationTypeForReplace","splice","Error","_","rest","styles","container","insets","isParentModal","isParentHeaderShown","getPreviousRoute","handleOpenRoute","handleCloseRoute","handleTransitionStart","handleTransitionEnd","renderHeader","renderScene","handleGestureStart","handleGestureEnd","handleGestureCancel","create","flex"],"sources":["StackView.tsx"],"sourcesContent":["import {\n HeaderShownContext,\n SafeAreaProviderCompat,\n} from '@react-navigation/elements';\nimport {\n ParamListBase,\n Route,\n StackActions,\n StackNavigationState,\n} from '@react-navigation/native';\nimport * as React from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport {\n EdgeInsets,\n SafeAreaInsetsContext,\n} from 'react-native-safe-area-context';\n\nimport type {\n StackDescriptorMap,\n StackNavigationConfig,\n StackNavigationHelpers,\n} from '../../types';\nimport ModalPresentationContext from '../../utils/ModalPresentationContext';\nimport { GestureHandlerRootView } from '../GestureHandler';\nimport HeaderContainer, {\n Props as HeaderContainerProps,\n} from '../Header/HeaderContainer';\nimport CardStack from './CardStack';\n\ntype Props = StackNavigationConfig & {\n state: StackNavigationState<ParamListBase>;\n navigation: StackNavigationHelpers;\n descriptors: StackDescriptorMap;\n};\n\ntype State = {\n // Local copy of the routes which are actually rendered\n routes: Route<string>[];\n // Previous routes, to compare whether routes have changed or not\n previousRoutes: Route<string>[];\n // Previous descriptors, to compare whether descriptors have changed or not\n previousDescriptors: StackDescriptorMap;\n // List of routes being opened, we need to animate pushing of these new routes\n openingRouteKeys: string[];\n // List of routes being closed, we need to animate popping of these routes\n closingRouteKeys: string[];\n // List of routes being replaced, we need to keep a copy until the new route animates in\n replacingRouteKeys: string[];\n // Since the local routes can vary from the routes from props, we need to keep the descriptors for old routes\n // Otherwise we won't be able to access the options for routes that were removed\n descriptors: StackDescriptorMap;\n};\n\nconst GestureHandlerWrapper = GestureHandlerRootView ?? View;\n\n/**\n * Compare two arrays with primitive values as the content.\n * We need to make sure that both values and order match.\n */\nconst isArrayEqual = (a: any[], b: any[]) =>\n a.length === b.length && a.every((it, index) => it === b[index]);\n\nexport default class StackView extends React.Component<Props, State> {\n static getDerivedStateFromProps(\n props: Readonly<Props>,\n state: Readonly<State>\n ) {\n // If there was no change in routes, we don't need to compute anything\n if (\n (props.state.routes === state.previousRoutes ||\n isArrayEqual(\n props.state.routes.map((r) => r.key),\n state.previousRoutes.map((r) => r.key)\n )) &&\n state.routes.length\n ) {\n let routes = state.routes;\n let previousRoutes = state.previousRoutes;\n let descriptors = props.descriptors;\n let previousDescriptors = state.previousDescriptors;\n\n if (props.descriptors !== state.previousDescriptors) {\n descriptors = state.routes.reduce<StackDescriptorMap>((acc, route) => {\n acc[route.key] =\n props.descriptors[route.key] || state.descriptors[route.key];\n\n return acc;\n }, {});\n\n previousDescriptors = props.descriptors;\n }\n\n if (props.state.routes !== state.previousRoutes) {\n // if any route objects have changed, we should update them\n const map = props.state.routes.reduce<Record<string, Route<string>>>(\n (acc, route) => {\n acc[route.key] = route;\n return acc;\n },\n {}\n );\n\n routes = state.routes.map((route) => map[route.key] || route);\n previousRoutes = props.state.routes;\n }\n\n return {\n routes,\n previousRoutes,\n descriptors,\n previousDescriptors,\n };\n }\n\n // Here we determine which routes were added or removed to animate them\n // We keep a copy of the route being removed in local state to be able to animate it\n\n let routes =\n props.state.index < props.state.routes.length - 1\n ? // Remove any extra routes from the state\n // The last visible route should be the focused route, i.e. at current index\n props.state.routes.slice(0, props.state.index + 1)\n : props.state.routes;\n\n // Now we need to determine which routes were added and removed\n let {\n openingRouteKeys,\n closingRouteKeys,\n replacingRouteKeys,\n previousRoutes,\n } = state;\n\n const previousFocusedRoute = previousRoutes[previousRoutes.length - 1] as\n | Route<string>\n | undefined;\n const nextFocusedRoute = routes[routes.length - 1];\n\n const isAnimationEnabled = (key: string) => {\n const descriptor = props.descriptors[key] || state.descriptors[key];\n\n return descriptor ? descriptor.options.animationEnabled !== false : true;\n };\n\n const getAnimationTypeForReplace = (key: string) => {\n const descriptor = props.descriptors[key] || state.descriptors[key];\n\n return descriptor.options.animationTypeForReplace ?? 'push';\n };\n\n if (\n previousFocusedRoute &&\n previousFocusedRoute.key !== nextFocusedRoute.key\n ) {\n // We only need to animate routes if the focused route changed\n // Animating previous routes won't be visible coz the focused route is on top of everything\n\n if (!previousRoutes.some((r) => r.key === nextFocusedRoute.key)) {\n // A new route has come to the focus, we treat this as a push\n // A replace can also trigger this, the animation should look like push\n\n if (\n isAnimationEnabled(nextFocusedRoute.key) &&\n !openingRouteKeys.includes(nextFocusedRoute.key)\n ) {\n // In this case, we need to animate pushing the focused route\n // We don't care about animating any other added routes because they won't be visible\n openingRouteKeys = [...openingRouteKeys, nextFocusedRoute.key];\n\n closingRouteKeys = closingRouteKeys.filter(\n (key) => key !== nextFocusedRoute.key\n );\n replacingRouteKeys = replacingRouteKeys.filter(\n (key) => key !== nextFocusedRoute.key\n );\n\n if (!routes.some((r) => r.key === previousFocusedRoute.key)) {\n // The previous focused route isn't present in state, we treat this as a replace\n\n openingRouteKeys = openingRouteKeys.filter(\n (key) => key !== previousFocusedRoute.key\n );\n\n if (getAnimationTypeForReplace(nextFocusedRoute.key) === 'pop') {\n closingRouteKeys = [\n ...closingRouteKeys,\n previousFocusedRoute.key,\n ];\n\n // By default, new routes have a push animation, so we add it to `openingRouteKeys` before\n // But since user configured it to animate the old screen like a pop, we need to add this without animation\n // So remove it from `openingRouteKeys` which will remove the animation\n openingRouteKeys = openingRouteKeys.filter(\n (key) => key !== nextFocusedRoute.key\n );\n\n // Keep the route being removed at the end to animate it out\n routes = [...routes, previousFocusedRoute];\n } else {\n replacingRouteKeys = [\n ...replacingRouteKeys,\n previousFocusedRoute.key,\n ];\n\n closingRouteKeys = closingRouteKeys.filter(\n (key) => key !== previousFocusedRoute.key\n );\n\n // Keep the old route in the state because it's visible under the new route, and removing it will feel abrupt\n // We need to insert it just before the focused one (the route being pushed)\n // After the push animation is completed, routes being replaced will be removed completely\n routes = routes.slice();\n routes.splice(routes.length - 1, 0, previousFocusedRoute);\n }\n }\n }\n } else if (!routes.some((r) => r.key === previousFocusedRoute.key)) {\n // The previously focused route was removed, we treat this as a pop\n\n if (\n isAnimationEnabled(previousFocusedRoute.key) &&\n !closingRouteKeys.includes(previousFocusedRoute.key)\n ) {\n closingRouteKeys = [...closingRouteKeys, previousFocusedRoute.key];\n\n // Sometimes a route can be closed before the opening animation finishes\n // So we also need to remove it from the opening list\n openingRouteKeys = openingRouteKeys.filter(\n (key) => key !== previousFocusedRoute.key\n );\n replacingRouteKeys = replacingRouteKeys.filter(\n (key) => key !== previousFocusedRoute.key\n );\n\n // Keep a copy of route being removed in the state to be able to animate it\n routes = [...routes, previousFocusedRoute];\n }\n } else {\n // Looks like some routes were re-arranged and no focused routes were added/removed\n // i.e. the currently focused route already existed and the previously focused route still exists\n // We don't know how to animate this\n }\n } else if (replacingRouteKeys.length || closingRouteKeys.length) {\n // Keep the routes we are closing or replacing if animation is enabled for them\n routes = routes.slice();\n routes.splice(\n routes.length - 1,\n 0,\n ...state.routes.filter(({ key }) =>\n isAnimationEnabled(key)\n ? replacingRouteKeys.includes(key) || closingRouteKeys.includes(key)\n : false\n )\n );\n }\n\n if (!routes.length) {\n throw new Error(\n 'There should always be at least one route in the navigation state.'\n );\n }\n\n const descriptors = routes.reduce<StackDescriptorMap>((acc, route) => {\n acc[route.key] =\n props.descriptors[route.key] || state.descriptors[route.key];\n\n return acc;\n }, {});\n\n return {\n routes,\n previousRoutes: props.state.routes,\n previousDescriptors: props.descriptors,\n openingRouteKeys,\n closingRouteKeys,\n replacingRouteKeys,\n descriptors,\n };\n }\n\n state: State = {\n routes: [],\n previousRoutes: [],\n previousDescriptors: {},\n openingRouteKeys: [],\n closingRouteKeys: [],\n replacingRouteKeys: [],\n descriptors: {},\n };\n\n private getPreviousRoute = ({ route }: { route: Route<string> }) => {\n const { closingRouteKeys, replacingRouteKeys } = this.state;\n const routes = this.state.routes.filter(\n (r) =>\n r.key === route.key ||\n (!closingRouteKeys.includes(r.key) &&\n !replacingRouteKeys.includes(r.key))\n );\n\n const index = routes.findIndex((r) => r.key === route.key);\n\n return routes[index - 1];\n };\n\n private renderScene = ({ route }: { route: Route<string> }) => {\n const descriptor =\n this.state.descriptors[route.key] || this.props.descriptors[route.key];\n\n if (!descriptor) {\n return null;\n }\n\n return descriptor.render();\n };\n\n private renderHeader = (props: HeaderContainerProps) => {\n return <HeaderContainer {...props} />;\n };\n\n private handleOpenRoute = ({ route }: { route: Route<string> }) => {\n const { state, navigation } = this.props;\n const { closingRouteKeys, replacingRouteKeys } = this.state;\n\n if (\n closingRouteKeys.some((key) => key === route.key) &&\n replacingRouteKeys.every((key) => key !== route.key) &&\n state.routeNames.includes(route.name) &&\n !state.routes.some((r) => r.key === route.key)\n ) {\n // If route isn't present in current state, but was closing, assume that a close animation was cancelled\n // So we need to add this route back to the state\n navigation.navigate(route);\n } else {\n this.setState((state) => ({\n routes: state.replacingRouteKeys.length\n ? state.routes.filter(\n (r) => !state.replacingRouteKeys.includes(r.key)\n )\n : state.routes,\n openingRouteKeys: state.openingRouteKeys.filter(\n (key) => key !== route.key\n ),\n closingRouteKeys: state.closingRouteKeys.filter(\n (key) => key !== route.key\n ),\n replacingRouteKeys: [],\n }));\n }\n };\n\n private handleCloseRoute = ({ route }: { route: Route<string> }) => {\n const { state, navigation } = this.props;\n\n if (state.routes.some((r) => r.key === route.key)) {\n // If a route exists in state, trigger a pop\n // This will happen in when the route was closed from the card component\n // e.g. When the close animation triggered from a gesture ends\n navigation.dispatch({\n ...StackActions.pop(),\n source: route.key,\n target: state.key,\n });\n } else {\n // We need to clean up any state tracking the route and pop it immediately\n this.setState((state) => ({\n routes: state.routes.filter((r) => r.key !== route.key),\n openingRouteKeys: state.openingRouteKeys.filter(\n (key) => key !== route.key\n ),\n closingRouteKeys: state.closingRouteKeys.filter(\n (key) => key !== route.key\n ),\n }));\n }\n };\n\n private handleTransitionStart = (\n { route }: { route: Route<string> },\n closing: boolean\n ) =>\n this.props.navigation.emit({\n type: 'transitionStart',\n data: { closing },\n target: route.key,\n });\n\n private handleTransitionEnd = (\n { route }: { route: Route<string> },\n closing: boolean\n ) =>\n this.props.navigation.emit({\n type: 'transitionEnd',\n data: { closing },\n target: route.key,\n });\n\n private handleGestureStart = ({ route }: { route: Route<string> }) => {\n this.props.navigation.emit({\n type: 'gestureStart',\n target: route.key,\n });\n };\n\n private handleGestureEnd = ({ route }: { route: Route<string> }) => {\n this.props.navigation.emit({\n type: 'gestureEnd',\n target: route.key,\n });\n };\n\n private handleGestureCancel = ({ route }: { route: Route<string> }) => {\n this.props.navigation.emit({\n type: 'gestureCancel',\n target: route.key,\n });\n };\n\n render() {\n const {\n state,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n descriptors: _,\n ...rest\n } = this.props;\n\n const { routes, descriptors, openingRouteKeys, closingRouteKeys } =\n this.state;\n\n return (\n <GestureHandlerWrapper style={styles.container}>\n <SafeAreaProviderCompat>\n <SafeAreaInsetsContext.Consumer>\n {(insets) => (\n <ModalPresentationContext.Consumer>\n {(isParentModal) => (\n <HeaderShownContext.Consumer>\n {(isParentHeaderShown) => (\n <CardStack\n insets={insets as EdgeInsets}\n isParentHeaderShown={isParentHeaderShown}\n isParentModal={isParentModal}\n getPreviousRoute={this.getPreviousRoute}\n routes={routes}\n openingRouteKeys={openingRouteKeys}\n closingRouteKeys={closingRouteKeys}\n onOpenRoute={this.handleOpenRoute}\n onCloseRoute={this.handleCloseRoute}\n onTransitionStart={this.handleTransitionStart}\n onTransitionEnd={this.handleTransitionEnd}\n renderHeader={this.renderHeader}\n renderScene={this.renderScene}\n state={state}\n descriptors={descriptors}\n onGestureStart={this.handleGestureStart}\n onGestureEnd={this.handleGestureEnd}\n onGestureCancel={this.handleGestureCancel}\n {...rest}\n />\n )}\n </HeaderShownContext.Consumer>\n )}\n </ModalPresentationContext.Consumer>\n )}\n </SafeAreaInsetsContext.Consumer>\n </SafeAreaProviderCompat>\n </GestureHandlerWrapper>\n );\n }\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n },\n});\n"],"mappings":"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"}
|
|
@@ -68,7 +68,7 @@ export default class Card extends React.Component<Props> {
|
|
|
68
68
|
private getInterpolatedStyle;
|
|
69
69
|
private getCardAnimation;
|
|
70
70
|
private gestureActivationCriteria;
|
|
71
|
-
private
|
|
71
|
+
private ref;
|
|
72
72
|
render(): JSX.Element;
|
|
73
73
|
}
|
|
74
74
|
export declare const getIsModalPresentation: (cardStyleInterpolator: StackCardStyleInterpolator) => boolean;
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { ViewProps } from 'react-native';
|
|
3
|
+
export declare type CardSheetRef = {
|
|
4
|
+
setPointerEvents: React.Dispatch<ViewProps['pointerEvents']>;
|
|
5
|
+
};
|
|
3
6
|
declare const _default: React.ForwardRefExoticComponent<ViewProps & {
|
|
4
7
|
enabled: boolean;
|
|
5
8
|
layout: {
|
|
@@ -7,5 +10,5 @@ declare const _default: React.ForwardRefExoticComponent<ViewProps & {
|
|
|
7
10
|
height: number;
|
|
8
11
|
};
|
|
9
12
|
children: React.ReactNode;
|
|
10
|
-
} & React.RefAttributes<
|
|
13
|
+
} & React.RefAttributes<CardSheetRef>>;
|
|
11
14
|
export default _default;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-navigation/stack",
|
|
3
3
|
"description": "Stack navigator component for iOS and Android with animated transitions and gestures",
|
|
4
|
-
"version": "6.3.
|
|
4
|
+
"version": "6.3.5",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native-component",
|
|
7
7
|
"react-component",
|
|
@@ -40,13 +40,13 @@
|
|
|
40
40
|
"clean": "del lib"
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@react-navigation/elements": "^1.3.
|
|
43
|
+
"@react-navigation/elements": "^1.3.7",
|
|
44
44
|
"color": "^4.2.3",
|
|
45
45
|
"warn-once": "^0.1.0"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
|
-
"@react-navigation/native": "^6.0.
|
|
49
|
-
"@testing-library/react-native": "^
|
|
48
|
+
"@react-navigation/native": "^6.0.14",
|
|
49
|
+
"@testing-library/react-native": "^11.5.0",
|
|
50
50
|
"@types/color": "^3.0.1",
|
|
51
51
|
"@types/react": "~18.0.0",
|
|
52
52
|
"@types/react-native": "~0.69.1",
|
|
@@ -81,5 +81,5 @@
|
|
|
81
81
|
]
|
|
82
82
|
]
|
|
83
83
|
},
|
|
84
|
-
"gitHead": "
|
|
84
|
+
"gitHead": "92f9f265d2627a3ef5b3890042d59405ff38401e"
|
|
85
85
|
}
|
|
@@ -101,7 +101,7 @@ export function forModalPresentationIOS({
|
|
|
101
101
|
const hasNotchIos =
|
|
102
102
|
Platform.OS === 'ios' &&
|
|
103
103
|
!Platform.isPad &&
|
|
104
|
-
!Platform.
|
|
104
|
+
!Platform.isTV &&
|
|
105
105
|
insets.top > 20;
|
|
106
106
|
const isLandscape = screen.width > screen.height;
|
|
107
107
|
const topOffset = isLandscape ? 0 : 10;
|
package/src/views/Stack/Card.tsx
CHANGED
|
@@ -30,7 +30,7 @@ import {
|
|
|
30
30
|
PanGestureHandlerGestureEvent,
|
|
31
31
|
} from '../GestureHandler';
|
|
32
32
|
import ModalStatusBarManager from '../ModalStatusBarManager';
|
|
33
|
-
import CardSheet from './CardSheet';
|
|
33
|
+
import CardSheet, { CardSheetRef } from './CardSheet';
|
|
34
34
|
|
|
35
35
|
type Props = ViewProps & {
|
|
36
36
|
interpolationIndex: number;
|
|
@@ -242,7 +242,7 @@ export default class Card extends React.Component<Props> {
|
|
|
242
242
|
private setPointerEventsEnabled = (enabled: boolean) => {
|
|
243
243
|
const pointerEvents = enabled ? 'box-none' : 'none';
|
|
244
244
|
|
|
245
|
-
this.
|
|
245
|
+
this.ref.current?.setPointerEvents(pointerEvents);
|
|
246
246
|
};
|
|
247
247
|
|
|
248
248
|
private handleStartInteraction = () => {
|
|
@@ -425,7 +425,7 @@ export default class Card extends React.Component<Props> {
|
|
|
425
425
|
}
|
|
426
426
|
}
|
|
427
427
|
|
|
428
|
-
private
|
|
428
|
+
private ref = React.createRef<CardSheetRef>();
|
|
429
429
|
|
|
430
430
|
render() {
|
|
431
431
|
const {
|
|
@@ -555,7 +555,7 @@ export default class Card extends React.Component<Props> {
|
|
|
555
555
|
/>
|
|
556
556
|
) : null}
|
|
557
557
|
<CardSheet
|
|
558
|
-
ref={this.
|
|
558
|
+
ref={this.ref}
|
|
559
559
|
enabled={pageOverflowEnabled}
|
|
560
560
|
layout={layout}
|
|
561
561
|
style={contentStyle}
|
|
@@ -7,15 +7,27 @@ type Props = ViewProps & {
|
|
|
7
7
|
children: React.ReactNode;
|
|
8
8
|
};
|
|
9
9
|
|
|
10
|
+
export type CardSheetRef = {
|
|
11
|
+
setPointerEvents: React.Dispatch<ViewProps['pointerEvents']>;
|
|
12
|
+
};
|
|
13
|
+
|
|
10
14
|
// This component will render a page which overflows the screen
|
|
11
15
|
// if the container fills the body by comparing the size
|
|
12
16
|
// This lets the document.body handle scrolling of the content
|
|
13
17
|
// It's necessary for mobile browsers to be able to hide address bar on scroll
|
|
14
|
-
export default React.forwardRef<
|
|
18
|
+
export default React.forwardRef<CardSheetRef, Props>(function CardSheet(
|
|
15
19
|
{ enabled, layout, style, ...rest },
|
|
16
20
|
ref
|
|
17
21
|
) {
|
|
18
22
|
const [fill, setFill] = React.useState(false);
|
|
23
|
+
// To avoid triggering a rerender in Card during animation we had to move
|
|
24
|
+
// the state to CardSheet. The `setPointerEvents` is then hoisted back to the Card.
|
|
25
|
+
const [pointerEvents, setPointerEvents] =
|
|
26
|
+
React.useState<ViewProps['pointerEvents']>('auto');
|
|
27
|
+
|
|
28
|
+
React.useImperativeHandle(ref, () => {
|
|
29
|
+
return { setPointerEvents };
|
|
30
|
+
});
|
|
19
31
|
|
|
20
32
|
React.useEffect(() => {
|
|
21
33
|
if (typeof document === 'undefined' || !document.body) {
|
|
@@ -32,7 +44,7 @@ export default React.forwardRef<View, Props>(function CardSheet(
|
|
|
32
44
|
return (
|
|
33
45
|
<View
|
|
34
46
|
{...rest}
|
|
35
|
-
|
|
47
|
+
pointerEvents={pointerEvents}
|
|
36
48
|
style={[enabled && fill ? styles.page : styles.card, style]}
|
|
37
49
|
/>
|
|
38
50
|
);
|