@react-navigation/stack 7.0.0-alpha.1 → 7.0.0-alpha.10
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.map +1 -1
- package/lib/commonjs/TransitionConfigs/HeaderStyleInterpolators.js +19 -12
- package/lib/commonjs/TransitionConfigs/HeaderStyleInterpolators.js.map +1 -1
- package/lib/commonjs/TransitionConfigs/TransitionPresets.js +11 -21
- package/lib/commonjs/TransitionConfigs/TransitionPresets.js.map +1 -1
- package/lib/commonjs/TransitionConfigs/TransitionSpecs.js +7 -14
- package/lib/commonjs/TransitionConfigs/TransitionSpecs.js.map +1 -1
- package/lib/commonjs/index.js +2 -2
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/navigators/createStackNavigator.js +32 -24
- package/lib/commonjs/navigators/createStackNavigator.js.map +1 -1
- package/lib/commonjs/types.js.map +1 -1
- package/lib/commonjs/utils/CardAnimationContext.js +3 -4
- package/lib/commonjs/utils/CardAnimationContext.js.map +1 -1
- package/lib/commonjs/utils/GestureHandlerRefContext.js +3 -4
- package/lib/commonjs/utils/GestureHandlerRefContext.js.map +1 -1
- package/lib/commonjs/utils/ModalPresentationContext.js +3 -4
- 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/findLastIndex.js +1 -1
- package/lib/commonjs/utils/findLastIndex.js.map +1 -1
- package/lib/commonjs/utils/getDistanceForDirection.js +2 -2
- package/lib/commonjs/utils/getDistanceForDirection.js.map +1 -1
- package/lib/commonjs/utils/getInvertedMultiplier.js +3 -4
- package/lib/commonjs/utils/getInvertedMultiplier.js.map +1 -1
- package/lib/commonjs/utils/memoize.js.map +1 -1
- package/lib/commonjs/utils/useCardAnimation.js +2 -2
- package/lib/commonjs/utils/useCardAnimation.js.map +1 -1
- package/lib/commonjs/utils/useGestureHandlerRef.js +2 -2
- package/lib/commonjs/utils/useGestureHandlerRef.js.map +1 -1
- package/lib/commonjs/utils/useKeyboardManager.js +6 -6
- 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 +5 -8
- package/lib/commonjs/views/GestureHandler.js.map +1 -1
- package/lib/commonjs/views/GestureHandlerNative.js +2 -2
- package/lib/commonjs/views/GestureHandlerNative.js.map +1 -1
- package/lib/commonjs/views/Header/Header.js +4 -4
- package/lib/commonjs/views/Header/Header.js.map +1 -1
- package/lib/commonjs/views/Header/HeaderContainer.js +12 -9
- package/lib/commonjs/views/Header/HeaderContainer.js.map +1 -1
- package/lib/commonjs/views/Header/HeaderSegment.js +11 -3
- package/lib/commonjs/views/Header/HeaderSegment.js.map +1 -1
- package/lib/commonjs/views/Screens.js +2 -2
- package/lib/commonjs/views/Screens.js.map +1 -1
- package/lib/commonjs/views/Stack/Card.js +48 -41
- package/lib/commonjs/views/Stack/Card.js.map +1 -1
- package/lib/commonjs/views/Stack/CardContainer.js +25 -21
- package/lib/commonjs/views/Stack/CardContainer.js.map +1 -1
- package/lib/commonjs/views/Stack/CardSheet.js +24 -4
- package/lib/commonjs/views/Stack/CardSheet.js.map +1 -1
- package/lib/commonjs/views/Stack/CardStack.js +58 -60
- package/lib/commonjs/views/Stack/CardStack.js.map +1 -1
- package/lib/commonjs/views/Stack/StackView.js +26 -30
- package/lib/commonjs/views/Stack/StackView.js.map +1 -1
- package/lib/module/TransitionConfigs/CardStyleInterpolators.js.map +1 -1
- package/lib/module/TransitionConfigs/HeaderStyleInterpolators.js +20 -13
- package/lib/module/TransitionConfigs/HeaderStyleInterpolators.js.map +1 -1
- package/lib/module/TransitionConfigs/TransitionPresets.js +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 +30 -21
- 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/findLastIndex.js +1 -1
- package/lib/module/utils/findLastIndex.js.map +1 -1
- package/lib/module/utils/getDistanceForDirection.js +2 -2
- package/lib/module/utils/getDistanceForDirection.js.map +1 -1
- package/lib/module/utils/getInvertedMultiplier.js +3 -4
- 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 +4 -4
- 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.map +1 -1
- package/lib/module/views/Header/Header.js +1 -0
- package/lib/module/views/Header/Header.js.map +1 -1
- package/lib/module/views/Header/HeaderContainer.js +11 -8
- package/lib/module/views/Header/HeaderContainer.js.map +1 -1
- package/lib/module/views/Header/HeaderSegment.js +9 -1
- package/lib/module/views/Header/HeaderSegment.js.map +1 -1
- package/lib/module/views/Screens.js.map +1 -1
- package/lib/module/views/Stack/Card.js +45 -37
- package/lib/module/views/Stack/Card.js.map +1 -1
- package/lib/module/views/Stack/CardContainer.js +23 -18
- package/lib/module/views/Stack/CardContainer.js.map +1 -1
- package/lib/module/views/Stack/CardSheet.js +21 -0
- package/lib/module/views/Stack/CardSheet.js.map +1 -1
- package/lib/module/views/Stack/CardStack.js +53 -54
- package/lib/module/views/Stack/CardStack.js.map +1 -1
- package/lib/module/views/Stack/StackView.js +24 -28
- package/lib/module/views/Stack/StackView.js.map +1 -1
- package/lib/typescript/src/TransitionConfigs/HeaderStyleInterpolators.d.ts +3 -3
- package/lib/typescript/src/TransitionConfigs/HeaderStyleInterpolators.d.ts.map +1 -1
- package/lib/typescript/src/navigators/createStackNavigator.d.ts +4 -4
- package/lib/typescript/src/navigators/createStackNavigator.d.ts.map +1 -1
- package/lib/typescript/src/types.d.ts +47 -9
- package/lib/typescript/src/types.d.ts.map +1 -1
- package/lib/typescript/src/utils/getDistanceForDirection.d.ts +1 -1
- package/lib/typescript/src/utils/getDistanceForDirection.d.ts.map +1 -1
- package/lib/typescript/src/utils/getInvertedMultiplier.d.ts +1 -1
- package/lib/typescript/src/utils/getInvertedMultiplier.d.ts.map +1 -1
- package/lib/typescript/src/views/GestureHandlerNative.d.ts +3 -3
- package/lib/typescript/src/views/GestureHandlerNative.d.ts.map +1 -1
- package/lib/typescript/src/views/Header/Header.d.ts.map +1 -1
- package/lib/typescript/src/views/Header/HeaderContainer.d.ts +4 -4
- package/lib/typescript/src/views/Header/HeaderContainer.d.ts.map +1 -1
- package/lib/typescript/src/views/Header/HeaderSegment.d.ts +3 -2
- package/lib/typescript/src/views/Header/HeaderSegment.d.ts.map +1 -1
- package/lib/typescript/src/views/Screens.d.ts +4 -3
- package/lib/typescript/src/views/Screens.d.ts.map +1 -1
- package/lib/typescript/src/views/Stack/Card.d.ts +6 -5
- package/lib/typescript/src/views/Stack/Card.d.ts.map +1 -1
- package/lib/typescript/src/views/Stack/CardContainer.d.ts +3 -6
- package/lib/typescript/src/views/Stack/CardContainer.d.ts.map +1 -1
- package/lib/typescript/src/views/Stack/CardSheet.d.ts +1 -1
- package/lib/typescript/src/views/Stack/CardSheet.d.ts.map +1 -1
- package/lib/typescript/src/views/Stack/CardStack.d.ts +4 -5
- package/lib/typescript/src/views/Stack/CardStack.d.ts.map +1 -1
- package/lib/typescript/src/views/Stack/StackView.d.ts +9 -80
- package/lib/typescript/src/views/Stack/StackView.d.ts.map +1 -1
- package/package.json +20 -21
- package/src/TransitionConfigs/CardStyleInterpolators.tsx +5 -5
- package/src/TransitionConfigs/HeaderStyleInterpolators.tsx +32 -22
- package/src/TransitionConfigs/TransitionPresets.tsx +4 -4
- package/src/navigators/createStackNavigator.tsx +18 -7
- package/src/types.tsx +50 -10
- package/src/utils/findLastIndex.tsx +1 -1
- package/src/utils/getDistanceForDirection.tsx +3 -2
- package/src/utils/getInvertedMultiplier.tsx +4 -5
- package/src/utils/useKeyboardManager.tsx +1 -1
- package/src/views/GestureHandlerNative.tsx +1 -1
- package/src/views/Header/Header.tsx +3 -2
- package/src/views/Header/HeaderContainer.tsx +17 -6
- package/src/views/Header/HeaderSegment.tsx +12 -4
- package/src/views/Screens.tsx +2 -1
- package/src/views/Stack/Card.tsx +75 -56
- package/src/views/Stack/CardContainer.tsx +18 -9
- package/src/views/Stack/CardSheet.tsx +25 -1
- package/src/views/Stack/CardStack.tsx +216 -186
- package/src/views/Stack/StackView.tsx +24 -27
- package/lib/commonjs/views/ModalStatusBarManager.js +0 -44
- package/lib/commonjs/views/ModalStatusBarManager.js.map +0 -1
- package/lib/module/views/ModalStatusBarManager.js +0 -36
- package/lib/module/views/ModalStatusBarManager.js.map +0 -1
- package/lib/typescript/src/views/ModalStatusBarManager.d.ts +0 -12
- package/lib/typescript/src/views/ModalStatusBarManager.d.ts.map +0 -1
- package/src/views/ModalStatusBarManager.tsx +0 -45
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Route } from '@react-navigation/native';
|
|
1
|
+
import { type Route } from '@react-navigation/native';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { Animated } from 'react-native';
|
|
4
4
|
import type { Layout, Scene } from '../../types';
|
|
@@ -12,8 +12,8 @@ type Props = {
|
|
|
12
12
|
modal: boolean;
|
|
13
13
|
layout: Layout;
|
|
14
14
|
gesture: Animated.Value;
|
|
15
|
+
preloaded: boolean;
|
|
15
16
|
scene: Scene;
|
|
16
|
-
headerDarkContent: boolean | undefined;
|
|
17
17
|
safeAreaInsetTop: number;
|
|
18
18
|
safeAreaInsetRight: number;
|
|
19
19
|
safeAreaInsetBottom: number;
|
|
@@ -23,9 +23,6 @@ type Props = {
|
|
|
23
23
|
}) => Scene | undefined;
|
|
24
24
|
getFocusedRoute: () => Route<string>;
|
|
25
25
|
renderHeader: (props: HeaderContainerProps) => React.ReactNode;
|
|
26
|
-
renderScene: (props: {
|
|
27
|
-
route: Route<string>;
|
|
28
|
-
}) => React.ReactNode;
|
|
29
26
|
onOpenRoute: (props: {
|
|
30
27
|
route: Route<string>;
|
|
31
28
|
}) => void;
|
|
@@ -57,7 +54,7 @@ type Props = {
|
|
|
57
54
|
isNextScreenTransparent: boolean;
|
|
58
55
|
detachCurrentScreen: boolean;
|
|
59
56
|
};
|
|
60
|
-
declare function CardContainerInner({ interpolationIndex, index, active, closing, gesture, focused, modal, getPreviousScene, getFocusedRoute,
|
|
57
|
+
declare function CardContainerInner({ interpolationIndex, index, active, closing, gesture, focused, modal, getPreviousScene, getFocusedRoute, hasAbsoluteFloatHeader, headerHeight, onHeaderHeightChange, isParentHeaderShown, isNextScreenTransparent, detachCurrentScreen, layout, onCloseRoute, onOpenRoute, onGestureCancel, onGestureEnd, onGestureStart, onTransitionEnd, onTransitionStart, preloaded, renderHeader, safeAreaInsetBottom, safeAreaInsetLeft, safeAreaInsetRight, safeAreaInsetTop, scene, }: Props): React.JSX.Element;
|
|
61
58
|
export declare const CardContainer: React.MemoExoticComponent<typeof CardContainerInner>;
|
|
62
59
|
export {};
|
|
63
60
|
//# sourceMappingURL=CardContainer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardContainer.d.ts","sourceRoot":"","sources":["../../../../../src/views/Stack/CardContainer.tsx"],"names":[],"mappings":"AAMA,OAAO,
|
|
1
|
+
{"version":3,"file":"CardContainer.d.ts","sourceRoot":"","sources":["../../../../../src/views/Stack/CardContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardSheet.d.ts","sourceRoot":"","sources":["../../../../../src/views/Stack/CardSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"CardSheet.d.ts","sourceRoot":"","sources":["../../../../../src/views/Stack/CardSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAQhE,MAAM,MAAM,YAAY,GAAG;IACzB,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC;CAC9D,CAAC;AAMF,eAAO,MAAM,SAAS;aAbX,OAAO;YACR;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;cAC/B,MAAM,SAAS;sCAmE1B,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { ParamListBase, Route, StackNavigationState } from '@react-navigation/native';
|
|
1
|
+
import type { LocaleDirection, ParamListBase, Route, StackNavigationState } from '@react-navigation/native';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { Animated } from 'react-native';
|
|
4
4
|
import type { EdgeInsets } from 'react-native-safe-area-context';
|
|
@@ -8,9 +8,11 @@ type GestureValues = {
|
|
|
8
8
|
[key: string]: Animated.Value;
|
|
9
9
|
};
|
|
10
10
|
type Props = {
|
|
11
|
+
direction: LocaleDirection;
|
|
11
12
|
insets: EdgeInsets;
|
|
12
13
|
state: StackNavigationState<ParamListBase>;
|
|
13
14
|
descriptors: StackDescriptorMap;
|
|
15
|
+
preloadedDescriptors: StackDescriptorMap;
|
|
14
16
|
routes: Route<string>[];
|
|
15
17
|
openingRouteKeys: string[];
|
|
16
18
|
closingRouteKeys: string[];
|
|
@@ -24,9 +26,6 @@ type Props = {
|
|
|
24
26
|
route: Route<string>;
|
|
25
27
|
}) => Route<string> | undefined;
|
|
26
28
|
renderHeader: (props: HeaderContainerProps) => React.ReactNode;
|
|
27
|
-
renderScene: (props: {
|
|
28
|
-
route: Route<string>;
|
|
29
|
-
}) => React.ReactNode;
|
|
30
29
|
isParentHeaderShown: boolean;
|
|
31
30
|
isParentModal: boolean;
|
|
32
31
|
onTransitionStart: (props: {
|
|
@@ -61,7 +60,7 @@ export declare class CardStack extends React.Component<Props, State> {
|
|
|
61
60
|
private handleHeaderLayout;
|
|
62
61
|
private getFocusedRoute;
|
|
63
62
|
private getPreviousScene;
|
|
64
|
-
render(): JSX.Element;
|
|
63
|
+
render(): React.JSX.Element;
|
|
65
64
|
}
|
|
66
65
|
export {};
|
|
67
66
|
//# sourceMappingURL=CardStack.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardStack.d.ts","sourceRoot":"","sources":["../../../../../src/views/Stack/CardStack.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,aAAa,EACb,KAAK,EACL,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"CardStack.d.ts","sourceRoot":"","sources":["../../../../../src/views/Stack/CardStack.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import { ParamListBase, Route, StackNavigationState } from '@react-navigation/native';
|
|
1
|
+
import { type LocaleDirection, type ParamListBase, type Route, type RouteProp, type StackNavigationState } from '@react-navigation/native';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import type { StackDescriptorMap, StackNavigationConfig, StackNavigationHelpers } from '../../types';
|
|
3
|
+
import type { StackDescriptor, StackDescriptorMap, StackNavigationConfig, StackNavigationHelpers } from '../../types';
|
|
4
4
|
type Props = StackNavigationConfig & {
|
|
5
|
+
direction: LocaleDirection;
|
|
5
6
|
state: StackNavigationState<ParamListBase>;
|
|
6
7
|
navigation: StackNavigationHelpers;
|
|
7
8
|
descriptors: StackDescriptorMap;
|
|
9
|
+
describe: (route: RouteProp<ParamListBase>, placeholder: boolean) => StackDescriptor;
|
|
8
10
|
};
|
|
9
11
|
type State = {
|
|
10
12
|
routes: Route<string>[];
|
|
@@ -17,88 +19,16 @@ type State = {
|
|
|
17
19
|
};
|
|
18
20
|
export declare class StackView extends React.Component<Props, State> {
|
|
19
21
|
static getDerivedStateFromProps(props: Readonly<Props>, state: Readonly<State>): {
|
|
20
|
-
routes: Route<string
|
|
21
|
-
previousRoutes: Route<string
|
|
22
|
+
routes: Route<string>[];
|
|
23
|
+
previousRoutes: Route<string>[];
|
|
22
24
|
descriptors: StackDescriptorMap;
|
|
23
25
|
previousDescriptors: StackDescriptorMap;
|
|
24
26
|
openingRouteKeys?: undefined;
|
|
25
27
|
closingRouteKeys?: undefined;
|
|
26
28
|
replacingRouteKeys?: undefined;
|
|
27
29
|
} | {
|
|
28
|
-
routes: (
|
|
29
|
-
|
|
30
|
-
name: string;
|
|
31
|
-
path?: string | undefined;
|
|
32
|
-
}> & Readonly<{
|
|
33
|
-
params?: Readonly<object | undefined>;
|
|
34
|
-
}> & {
|
|
35
|
-
state?: Readonly<{
|
|
36
|
-
key: string;
|
|
37
|
-
index: number;
|
|
38
|
-
routeNames: string[];
|
|
39
|
-
history?: unknown[] | undefined;
|
|
40
|
-
routes: (Readonly<{
|
|
41
|
-
key: string;
|
|
42
|
-
name: string;
|
|
43
|
-
path?: string | undefined;
|
|
44
|
-
}> & Readonly<{
|
|
45
|
-
params?: Readonly<object | undefined>;
|
|
46
|
-
}> & any)[];
|
|
47
|
-
type: string;
|
|
48
|
-
stale: false;
|
|
49
|
-
}> | import("@react-navigation/native").PartialState<Readonly<{
|
|
50
|
-
key: string;
|
|
51
|
-
index: number;
|
|
52
|
-
routeNames: string[];
|
|
53
|
-
history?: unknown[] | undefined;
|
|
54
|
-
routes: (Readonly<{
|
|
55
|
-
key: string;
|
|
56
|
-
name: string;
|
|
57
|
-
path?: string | undefined;
|
|
58
|
-
}> & Readonly<{
|
|
59
|
-
params?: Readonly<object | undefined>;
|
|
60
|
-
}> & any)[];
|
|
61
|
-
type: string;
|
|
62
|
-
stale: false;
|
|
63
|
-
}>> | undefined;
|
|
64
|
-
})[];
|
|
65
|
-
previousRoutes: (Readonly<{
|
|
66
|
-
key: string;
|
|
67
|
-
name: string;
|
|
68
|
-
path?: string | undefined;
|
|
69
|
-
}> & Readonly<{
|
|
70
|
-
params?: Readonly<object | undefined>;
|
|
71
|
-
}> & {
|
|
72
|
-
state?: Readonly<{
|
|
73
|
-
key: string;
|
|
74
|
-
index: number;
|
|
75
|
-
routeNames: string[];
|
|
76
|
-
history?: unknown[] | undefined;
|
|
77
|
-
routes: (Readonly<{
|
|
78
|
-
key: string;
|
|
79
|
-
name: string;
|
|
80
|
-
path?: string | undefined;
|
|
81
|
-
}> & Readonly<{
|
|
82
|
-
params?: Readonly<object | undefined>;
|
|
83
|
-
}> & any)[];
|
|
84
|
-
type: string;
|
|
85
|
-
stale: false;
|
|
86
|
-
}> | import("@react-navigation/native").PartialState<Readonly<{
|
|
87
|
-
key: string;
|
|
88
|
-
index: number;
|
|
89
|
-
routeNames: string[];
|
|
90
|
-
history?: unknown[] | undefined;
|
|
91
|
-
routes: (Readonly<{
|
|
92
|
-
key: string;
|
|
93
|
-
name: string;
|
|
94
|
-
path?: string | undefined;
|
|
95
|
-
}> & Readonly<{
|
|
96
|
-
params?: Readonly<object | undefined>;
|
|
97
|
-
}> & any)[];
|
|
98
|
-
type: string;
|
|
99
|
-
stale: false;
|
|
100
|
-
}>> | undefined;
|
|
101
|
-
})[];
|
|
30
|
+
routes: import("@react-navigation/native").NavigationRoute<ParamListBase, string>[];
|
|
31
|
+
previousRoutes: import("@react-navigation/native").NavigationRoute<ParamListBase, string>[];
|
|
102
32
|
previousDescriptors: StackDescriptorMap;
|
|
103
33
|
openingRouteKeys: string[];
|
|
104
34
|
closingRouteKeys: string[];
|
|
@@ -107,7 +37,6 @@ export declare class StackView extends React.Component<Props, State> {
|
|
|
107
37
|
};
|
|
108
38
|
state: State;
|
|
109
39
|
private getPreviousRoute;
|
|
110
|
-
private renderScene;
|
|
111
40
|
private renderHeader;
|
|
112
41
|
private handleOpenRoute;
|
|
113
42
|
private handleCloseRoute;
|
|
@@ -116,7 +45,7 @@ export declare class StackView extends React.Component<Props, State> {
|
|
|
116
45
|
private handleGestureStart;
|
|
117
46
|
private handleGestureEnd;
|
|
118
47
|
private handleGestureCancel;
|
|
119
|
-
render(): JSX.Element;
|
|
48
|
+
render(): React.JSX.Element;
|
|
120
49
|
}
|
|
121
50
|
export {};
|
|
122
51
|
//# sourceMappingURL=StackView.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackView.d.ts","sourceRoot":"","sources":["../../../../../src/views/Stack/StackView.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,aAAa,
|
|
1
|
+
{"version":3,"file":"StackView.d.ts","sourceRoot":"","sources":["../../../../../src/views/Stack/StackView.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,KAAK,EACV,KAAK,SAAS,EAEd,KAAK,oBAAoB,EAC1B,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EACV,eAAe,EACf,kBAAkB,EAClB,qBAAqB,EACrB,sBAAsB,EACvB,MAAM,aAAa,CAAC;AASrB,KAAK,KAAK,GAAG,qBAAqB,GAAG;IACnC,SAAS,EAAE,eAAe,CAAC;IAC3B,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,CAAC;IAC3C,UAAU,EAAE,sBAAsB,CAAC;IACnC,WAAW,EAAE,kBAAkB,CAAC;IAChC,QAAQ,EAAE,CACR,KAAK,EAAE,SAAS,CAAC,aAAa,CAAC,EAC/B,WAAW,EAAE,OAAO,KACjB,eAAe,CAAC;CACtB,CAAC;AAEF,KAAK,KAAK,GAAG;IAEX,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;IAExB,cAAc,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;IAEhC,mBAAmB,EAAE,kBAAkB,CAAC;IAExC,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAE3B,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAE3B,kBAAkB,EAAE,MAAM,EAAE,CAAC;IAG7B,WAAW,EAAE,kBAAkB,CAAC;CACjC,CAAC;AAWF,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IAC1D,MAAM,CAAC,wBAAwB,CAC7B,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,EACtB,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC;;;;;;;;;;;;;;;;;IAmNxB,KAAK,EAAE,KAAK,CAQV;IAEF,OAAO,CAAC,gBAAgB,CAYtB;IAEF,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,eAAe,CAwCrB;IAEF,OAAO,CAAC,gBAAgB,CAwBtB;IAEF,OAAO,CAAC,qBAAqB,CAQxB;IAEL,OAAO,CAAC,mBAAmB,CAQtB;IAEL,OAAO,CAAC,kBAAkB,CAKxB;IAEF,OAAO,CAAC,gBAAgB,CAKtB;IAEF,OAAO,CAAC,mBAAmB,CAKzB;IAEF,MAAM;CAyDP"}
|
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": "7.0.0-alpha.
|
|
4
|
+
"version": "7.0.0-alpha.10",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native-component",
|
|
7
7
|
"react-component",
|
|
@@ -40,31 +40,30 @@
|
|
|
40
40
|
"clean": "del lib"
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@react-navigation/elements": "^
|
|
43
|
+
"@react-navigation/elements": "^2.0.0-alpha.7",
|
|
44
44
|
"color": "^4.2.3"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
-
"@react-navigation/native": "^7.0.0-alpha.
|
|
48
|
-
"@testing-library/react-native": "^
|
|
49
|
-
"@types/color": "^3.0.
|
|
50
|
-
"@types/react": "~18.
|
|
51
|
-
"
|
|
52
|
-
"
|
|
53
|
-
"react": "
|
|
54
|
-
"react-native": "0.
|
|
55
|
-
"react-native-
|
|
56
|
-
"react-native-
|
|
57
|
-
"react-native-
|
|
58
|
-
"
|
|
59
|
-
"typescript": "^4.9.4"
|
|
47
|
+
"@react-navigation/native": "^7.0.0-alpha.9",
|
|
48
|
+
"@testing-library/react-native": "^12.4.3",
|
|
49
|
+
"@types/color": "^3.0.6",
|
|
50
|
+
"@types/react": "~18.2.45",
|
|
51
|
+
"del-cli": "^5.1.0",
|
|
52
|
+
"react": "18.2.0",
|
|
53
|
+
"react-native": "0.73.2",
|
|
54
|
+
"react-native-builder-bob": "^0.23.2",
|
|
55
|
+
"react-native-gesture-handler": "~2.14.0",
|
|
56
|
+
"react-native-safe-area-context": "4.8.2",
|
|
57
|
+
"react-native-screens": "~3.29.0",
|
|
58
|
+
"typescript": "^5.3.3"
|
|
60
59
|
},
|
|
61
60
|
"peerDependencies": {
|
|
62
|
-
"@react-navigation/native": "^
|
|
61
|
+
"@react-navigation/native": "^7.0.0-alpha.9",
|
|
63
62
|
"react": "*",
|
|
64
|
-
"react-native": "
|
|
65
|
-
"react-native-gesture-handler": "
|
|
66
|
-
"react-native-safe-area-context": "
|
|
67
|
-
"react-native-screens": "
|
|
63
|
+
"react-native": "0.73.2",
|
|
64
|
+
"react-native-gesture-handler": "~2.14.0",
|
|
65
|
+
"react-native-safe-area-context": "4.8.2",
|
|
66
|
+
"react-native-screens": "~3.29.0"
|
|
68
67
|
},
|
|
69
68
|
"react-native-builder-bob": {
|
|
70
69
|
"source": "src",
|
|
@@ -80,5 +79,5 @@
|
|
|
80
79
|
]
|
|
81
80
|
]
|
|
82
81
|
},
|
|
83
|
-
"gitHead": "
|
|
82
|
+
"gitHead": "c7b047dec7c75bda359a618d39a2aac4c2aea9c1"
|
|
84
83
|
}
|
|
@@ -156,11 +156,11 @@ export function forModalPresentationIOS({
|
|
|
156
156
|
const borderRadius = isLandscape
|
|
157
157
|
? 0
|
|
158
158
|
: isFirst
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
159
|
+
? progress.interpolate({
|
|
160
|
+
inputRange: [0, 1, 1.0001, 2],
|
|
161
|
+
outputRange: [0, 0, hasNotchIos ? 38 : 0, 10],
|
|
162
|
+
})
|
|
163
|
+
: 10;
|
|
164
164
|
|
|
165
165
|
return {
|
|
166
166
|
cardStyle: {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { Animated
|
|
1
|
+
import { Animated } from 'react-native';
|
|
2
2
|
|
|
3
3
|
import type {
|
|
4
4
|
StackHeaderInterpolatedStyle,
|
|
5
5
|
StackHeaderInterpolationProps,
|
|
6
6
|
} from '../types';
|
|
7
7
|
|
|
8
|
-
const { add } = Animated;
|
|
8
|
+
const { add, multiply } = Animated;
|
|
9
9
|
|
|
10
10
|
/**
|
|
11
11
|
* Standard UIKit style animation for the header where the title fades into the back button label.
|
|
@@ -13,6 +13,7 @@ const { add } = Animated;
|
|
|
13
13
|
export function forUIKit({
|
|
14
14
|
current,
|
|
15
15
|
next,
|
|
16
|
+
direction,
|
|
16
17
|
layouts,
|
|
17
18
|
}: StackHeaderInterpolationProps): StackHeaderInterpolatedStyle {
|
|
18
19
|
const defaultOffset = 100;
|
|
@@ -34,6 +35,8 @@ export function forUIKit({
|
|
|
34
35
|
// The back title also animates in from this position
|
|
35
36
|
const rightOffset = layouts.screen.width / 4;
|
|
36
37
|
|
|
38
|
+
const multiplier = direction === 'rtl' ? -1 : 1;
|
|
39
|
+
|
|
37
40
|
const progress = add(
|
|
38
41
|
current.progress.interpolate({
|
|
39
42
|
inputRange: [0, 1],
|
|
@@ -59,12 +62,13 @@ export function forUIKit({
|
|
|
59
62
|
leftLabelStyle: {
|
|
60
63
|
transform: [
|
|
61
64
|
{
|
|
62
|
-
translateX:
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
: [leftLabelOffset, 0, -rightOffset],
|
|
67
|
-
|
|
65
|
+
translateX: multiply(
|
|
66
|
+
multiplier,
|
|
67
|
+
progress.interpolate({
|
|
68
|
+
inputRange: [0, 1, 2],
|
|
69
|
+
outputRange: [leftLabelOffset, 0, -rightOffset],
|
|
70
|
+
})
|
|
71
|
+
),
|
|
68
72
|
},
|
|
69
73
|
],
|
|
70
74
|
},
|
|
@@ -81,24 +85,26 @@ export function forUIKit({
|
|
|
81
85
|
}),
|
|
82
86
|
transform: [
|
|
83
87
|
{
|
|
84
|
-
translateX:
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
: [rightOffset, 0, -titleLeftOffset],
|
|
89
|
-
|
|
88
|
+
translateX: multiply(
|
|
89
|
+
multiplier,
|
|
90
|
+
progress.interpolate({
|
|
91
|
+
inputRange: [0.5, 1, 2],
|
|
92
|
+
outputRange: [rightOffset, 0, -titleLeftOffset],
|
|
93
|
+
})
|
|
94
|
+
),
|
|
90
95
|
},
|
|
91
96
|
],
|
|
92
97
|
},
|
|
93
98
|
backgroundStyle: {
|
|
94
99
|
transform: [
|
|
95
100
|
{
|
|
96
|
-
translateX:
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
: [layouts.screen.width, 0, -layouts.screen.width],
|
|
101
|
-
|
|
101
|
+
translateX: multiply(
|
|
102
|
+
multiplier,
|
|
103
|
+
progress.interpolate({
|
|
104
|
+
inputRange: [0, 1, 2],
|
|
105
|
+
outputRange: [layouts.screen.width, 0, -layouts.screen.width],
|
|
106
|
+
})
|
|
107
|
+
),
|
|
102
108
|
},
|
|
103
109
|
],
|
|
104
110
|
},
|
|
@@ -151,8 +157,10 @@ export function forFade({
|
|
|
151
157
|
export function forSlideLeft({
|
|
152
158
|
current,
|
|
153
159
|
next,
|
|
160
|
+
direction,
|
|
154
161
|
layouts: { screen },
|
|
155
162
|
}: StackHeaderInterpolationProps): StackHeaderInterpolatedStyle {
|
|
163
|
+
const isRTL = direction === 'rtl';
|
|
156
164
|
const progress = add(
|
|
157
165
|
current.progress.interpolate({
|
|
158
166
|
inputRange: [0, 1],
|
|
@@ -170,7 +178,7 @@ export function forSlideLeft({
|
|
|
170
178
|
|
|
171
179
|
const translateX = progress.interpolate({
|
|
172
180
|
inputRange: [0, 1, 2],
|
|
173
|
-
outputRange:
|
|
181
|
+
outputRange: isRTL
|
|
174
182
|
? [-screen.width, 0, screen.width]
|
|
175
183
|
: [screen.width, 0, -screen.width],
|
|
176
184
|
});
|
|
@@ -191,8 +199,10 @@ export function forSlideLeft({
|
|
|
191
199
|
export function forSlideRight({
|
|
192
200
|
current,
|
|
193
201
|
next,
|
|
202
|
+
direction,
|
|
194
203
|
layouts: { screen },
|
|
195
204
|
}: StackHeaderInterpolationProps): StackHeaderInterpolatedStyle {
|
|
205
|
+
const isRTL = direction === 'rtl';
|
|
196
206
|
const progress = add(
|
|
197
207
|
current.progress.interpolate({
|
|
198
208
|
inputRange: [0, 1],
|
|
@@ -210,7 +220,7 @@ export function forSlideRight({
|
|
|
210
220
|
|
|
211
221
|
const translateX = progress.interpolate({
|
|
212
222
|
inputRange: [0, 1, 2],
|
|
213
|
-
outputRange:
|
|
223
|
+
outputRange: isRTL
|
|
214
224
|
? [screen.width, 0, -screen.width]
|
|
215
225
|
: [-screen.width, 0, screen.width],
|
|
216
226
|
});
|
|
@@ -135,11 +135,11 @@ export const ModalFadeTransition: TransitionPreset = {
|
|
|
135
135
|
export const DefaultTransition = Platform.select({
|
|
136
136
|
ios: SlideFromRightIOS,
|
|
137
137
|
android:
|
|
138
|
-
Platform.Version >= ANDROID_VERSION_10
|
|
138
|
+
Number(Platform.Version) >= ANDROID_VERSION_10
|
|
139
139
|
? ScaleFromCenterAndroid
|
|
140
|
-
: Platform.Version >= ANDROID_VERSION_PIE
|
|
141
|
-
|
|
142
|
-
|
|
140
|
+
: Number(Platform.Version) >= ANDROID_VERSION_PIE
|
|
141
|
+
? RevealFromBottomAndroid
|
|
142
|
+
: FadeFromBottomAndroid,
|
|
143
143
|
default: ScaleFromCenterAndroid,
|
|
144
144
|
});
|
|
145
145
|
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import {
|
|
2
2
|
createNavigatorFactory,
|
|
3
|
-
DefaultNavigatorOptions,
|
|
4
|
-
EventArg,
|
|
5
|
-
ParamListBase,
|
|
6
|
-
StackActionHelpers,
|
|
3
|
+
type DefaultNavigatorOptions,
|
|
4
|
+
type EventArg,
|
|
5
|
+
type ParamListBase,
|
|
6
|
+
type StackActionHelpers,
|
|
7
7
|
StackActions,
|
|
8
|
-
StackNavigationState,
|
|
8
|
+
type StackNavigationState,
|
|
9
9
|
StackRouter,
|
|
10
|
-
StackRouterOptions,
|
|
10
|
+
type StackRouterOptions,
|
|
11
|
+
useLocale,
|
|
11
12
|
useNavigationBuilder,
|
|
12
13
|
} from '@react-navigation/native';
|
|
13
14
|
import * as React from 'react';
|
|
@@ -31,12 +32,17 @@ type Props = DefaultNavigatorOptions<
|
|
|
31
32
|
function StackNavigator({
|
|
32
33
|
id,
|
|
33
34
|
initialRouteName,
|
|
35
|
+
getStateForRouteNamesChange,
|
|
34
36
|
children,
|
|
37
|
+
layout,
|
|
35
38
|
screenListeners,
|
|
36
39
|
screenOptions,
|
|
40
|
+
screenLayout,
|
|
37
41
|
...rest
|
|
38
42
|
}: Props) {
|
|
39
|
-
const {
|
|
43
|
+
const { direction } = useLocale();
|
|
44
|
+
|
|
45
|
+
const { state, describe, descriptors, navigation, NavigationContent } =
|
|
40
46
|
useNavigationBuilder<
|
|
41
47
|
StackNavigationState<ParamListBase>,
|
|
42
48
|
StackRouterOptions,
|
|
@@ -47,8 +53,11 @@ function StackNavigator({
|
|
|
47
53
|
id,
|
|
48
54
|
initialRouteName,
|
|
49
55
|
children,
|
|
56
|
+
layout,
|
|
50
57
|
screenListeners,
|
|
51
58
|
screenOptions,
|
|
59
|
+
screenLayout,
|
|
60
|
+
getStateForRouteNamesChange,
|
|
52
61
|
});
|
|
53
62
|
|
|
54
63
|
React.useEffect(
|
|
@@ -81,7 +90,9 @@ function StackNavigator({
|
|
|
81
90
|
<NavigationContent>
|
|
82
91
|
<StackView
|
|
83
92
|
{...rest}
|
|
93
|
+
direction={direction}
|
|
84
94
|
state={state}
|
|
95
|
+
describe={describe}
|
|
85
96
|
descriptors={descriptors}
|
|
86
97
|
navigation={navigation}
|
|
87
98
|
/>
|