@react-navigation/stack 6.3.16 → 7.0.0-alpha.1
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 +4 -5
- package/lib/commonjs/TransitionConfigs/CardStyleInterpolators.js.map +1 -1
- package/lib/commonjs/index.js +14 -15
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/navigators/createStackNavigator.js +6 -27
- package/lib/commonjs/navigators/createStackNavigator.js.map +1 -1
- package/lib/commonjs/utils/CardAnimationContext.js +3 -3
- package/lib/commonjs/utils/CardAnimationContext.js.map +1 -1
- package/lib/commonjs/utils/GestureHandlerRefContext.js +3 -3
- package/lib/commonjs/utils/GestureHandlerRefContext.js.map +1 -1
- package/lib/commonjs/utils/ModalPresentationContext.js +2 -3
- package/lib/commonjs/utils/ModalPresentationContext.js.map +1 -1
- package/lib/commonjs/utils/conditional.js +1 -1
- package/lib/commonjs/utils/conditional.js.map +1 -1
- package/lib/commonjs/utils/debounce.js +1 -2
- 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 +3 -4
- package/lib/commonjs/utils/getDistanceForDirection.js.map +1 -1
- package/lib/commonjs/utils/getInvertedMultiplier.js +1 -1
- package/lib/commonjs/utils/getInvertedMultiplier.js.map +1 -1
- package/lib/commonjs/utils/memoize.js +1 -1
- package/lib/commonjs/utils/memoize.js.map +1 -1
- package/lib/commonjs/utils/useCardAnimation.js +3 -4
- package/lib/commonjs/utils/useCardAnimation.js.map +1 -1
- package/lib/commonjs/utils/useGestureHandlerRef.js +3 -4
- package/lib/commonjs/utils/useGestureHandlerRef.js.map +1 -1
- package/lib/commonjs/utils/useKeyboardManager.js +1 -1
- package/lib/commonjs/utils/useKeyboardManager.js.map +1 -1
- package/lib/commonjs/views/GestureHandlerNative.js +2 -3
- package/lib/commonjs/views/GestureHandlerNative.js.map +1 -1
- package/lib/commonjs/views/Header/Header.js +9 -10
- package/lib/commonjs/views/Header/Header.js.map +1 -1
- package/lib/commonjs/views/Header/HeaderContainer.js +3 -4
- package/lib/commonjs/views/Header/HeaderContainer.js.map +1 -1
- package/lib/commonjs/views/Header/HeaderSegment.js +3 -4
- package/lib/commonjs/views/Header/HeaderSegment.js.map +1 -1
- package/lib/commonjs/views/ModalStatusBarManager.js +1 -1
- package/lib/commonjs/views/ModalStatusBarManager.js.map +1 -1
- package/lib/commonjs/views/Stack/Card.js +18 -18
- package/lib/commonjs/views/Stack/Card.js.map +1 -1
- package/lib/commonjs/views/Stack/CardContainer.js +10 -11
- package/lib/commonjs/views/Stack/CardContainer.js.map +1 -1
- package/lib/commonjs/views/Stack/CardSheet.js +3 -3
- package/lib/commonjs/views/Stack/CardSheet.js.map +1 -1
- package/lib/commonjs/views/Stack/CardStack.js +8 -8
- package/lib/commonjs/views/Stack/CardStack.js.map +1 -1
- package/lib/commonjs/views/Stack/StackView.js +15 -9
- 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/index.js +7 -7
- package/lib/module/index.js.map +1 -1
- package/lib/module/navigators/createStackNavigator.js +3 -23
- package/lib/module/navigators/createStackNavigator.js.map +1 -1
- package/lib/module/utils/CardAnimationContext.js +1 -1
- package/lib/module/utils/CardAnimationContext.js.map +1 -1
- package/lib/module/utils/GestureHandlerRefContext.js +1 -1
- package/lib/module/utils/GestureHandlerRefContext.js.map +1 -1
- package/lib/module/utils/ModalPresentationContext.js +1 -2
- package/lib/module/utils/ModalPresentationContext.js.map +1 -1
- package/lib/module/utils/conditional.js +1 -1
- package/lib/module/utils/conditional.js.map +1 -1
- package/lib/module/utils/debounce.js +1 -2
- 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 +1 -1
- package/lib/module/utils/getInvertedMultiplier.js.map +1 -1
- package/lib/module/utils/memoize.js +1 -1
- package/lib/module/utils/memoize.js.map +1 -1
- package/lib/module/utils/useCardAnimation.js +2 -2
- package/lib/module/utils/useCardAnimation.js.map +1 -1
- package/lib/module/utils/useGestureHandlerRef.js +3 -3
- package/lib/module/utils/useGestureHandlerRef.js.map +1 -1
- package/lib/module/utils/useKeyboardManager.js +1 -1
- package/lib/module/utils/useKeyboardManager.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 +4 -4
- package/lib/module/views/Header/Header.js.map +1 -1
- package/lib/module/views/Header/HeaderContainer.js +2 -2
- package/lib/module/views/Header/HeaderContainer.js.map +1 -1
- package/lib/module/views/Header/HeaderSegment.js +2 -2
- package/lib/module/views/Header/HeaderSegment.js.map +1 -1
- package/lib/module/views/ModalStatusBarManager.js +1 -1
- package/lib/module/views/ModalStatusBarManager.js.map +1 -1
- package/lib/module/views/Stack/Card.js +7 -7
- package/lib/module/views/Stack/Card.js.map +1 -1
- package/lib/module/views/Stack/CardContainer.js +5 -5
- package/lib/module/views/Stack/CardContainer.js.map +1 -1
- package/lib/module/views/Stack/CardSheet.js +1 -1
- package/lib/module/views/Stack/CardSheet.js.map +1 -1
- package/lib/module/views/Stack/CardStack.js +4 -4
- package/lib/module/views/Stack/CardStack.js.map +1 -1
- package/lib/module/views/Stack/StackView.js +13 -6
- package/lib/module/views/Stack/StackView.js.map +1 -1
- package/lib/typescript/src/index.d.ts +7 -7
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/navigators/createStackNavigator.d.ts +8 -3
- package/lib/typescript/src/navigators/createStackNavigator.d.ts.map +1 -1
- package/lib/typescript/src/types.d.ts +36 -36
- package/lib/typescript/src/types.d.ts.map +1 -1
- package/lib/typescript/src/utils/CardAnimationContext.d.ts +1 -2
- package/lib/typescript/src/utils/CardAnimationContext.d.ts.map +1 -1
- package/lib/typescript/src/utils/GestureHandlerRefContext.d.ts +1 -2
- package/lib/typescript/src/utils/GestureHandlerRefContext.d.ts.map +1 -1
- package/lib/typescript/src/utils/ModalPresentationContext.d.ts +1 -2
- package/lib/typescript/src/utils/ModalPresentationContext.d.ts.map +1 -1
- package/lib/typescript/src/utils/conditional.d.ts +1 -1
- package/lib/typescript/src/utils/conditional.d.ts.map +1 -1
- package/lib/typescript/src/utils/debounce.d.ts +1 -1
- package/lib/typescript/src/utils/debounce.d.ts.map +1 -1
- package/lib/typescript/src/utils/findLastIndex.d.ts +1 -1
- package/lib/typescript/src/utils/findLastIndex.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/utils/memoize.d.ts +1 -1
- package/lib/typescript/src/utils/memoize.d.ts.map +1 -1
- package/lib/typescript/src/utils/useCardAnimation.d.ts +1 -1
- package/lib/typescript/src/utils/useCardAnimation.d.ts.map +1 -1
- package/lib/typescript/src/utils/useGestureHandlerRef.d.ts +1 -1
- package/lib/typescript/src/utils/useGestureHandlerRef.d.ts.map +1 -1
- package/lib/typescript/src/utils/useKeyboardManager.d.ts +1 -1
- package/lib/typescript/src/utils/useKeyboardManager.d.ts.map +1 -1
- package/lib/typescript/src/views/Header/Header.d.ts +1 -2
- package/lib/typescript/src/views/Header/Header.d.ts.map +1 -1
- package/lib/typescript/src/views/Header/HeaderContainer.d.ts +2 -2
- package/lib/typescript/src/views/Header/HeaderContainer.d.ts.map +1 -1
- package/lib/typescript/src/views/Header/HeaderSegment.d.ts +2 -2
- package/lib/typescript/src/views/Header/HeaderSegment.d.ts.map +1 -1
- package/lib/typescript/src/views/ModalStatusBarManager.d.ts +2 -2
- package/lib/typescript/src/views/ModalStatusBarManager.d.ts.map +1 -1
- package/lib/typescript/src/views/Screens.d.ts +1 -1
- package/lib/typescript/src/views/Screens.d.ts.map +1 -1
- package/lib/typescript/src/views/Stack/Card.d.ts +4 -4
- package/lib/typescript/src/views/Stack/Card.d.ts.map +1 -1
- package/lib/typescript/src/views/Stack/CardContainer.d.ts +4 -4
- package/lib/typescript/src/views/Stack/CardContainer.d.ts.map +1 -1
- package/lib/typescript/src/views/Stack/CardSheet.d.ts +2 -3
- package/lib/typescript/src/views/Stack/CardSheet.d.ts.map +1 -1
- package/lib/typescript/src/views/Stack/CardStack.d.ts +4 -4
- package/lib/typescript/src/views/Stack/CardStack.d.ts.map +1 -1
- package/lib/typescript/src/views/Stack/StackView.d.ts +3 -3
- package/lib/typescript/src/views/Stack/StackView.d.ts.map +1 -1
- package/package.json +15 -16
- package/src/TransitionConfigs/CardStyleInterpolators.tsx +1 -1
- package/src/index.tsx +7 -7
- package/src/navigators/createStackNavigator.tsx +2 -41
- package/src/types.tsx +11 -11
- package/src/utils/CardAnimationContext.tsx +3 -3
- package/src/utils/GestureHandlerRefContext.tsx +1 -1
- package/src/utils/ModalPresentationContext.tsx +1 -3
- package/src/utils/conditional.tsx +4 -4
- package/src/utils/debounce.tsx +1 -2
- package/src/utils/findLastIndex.tsx +1 -4
- package/src/utils/getDistanceForDirection.tsx +2 -2
- package/src/utils/getInvertedMultiplier.tsx +1 -1
- package/src/utils/memoize.tsx +1 -1
- package/src/utils/useCardAnimation.tsx +2 -2
- package/src/utils/useGestureHandlerRef.tsx +3 -3
- package/src/utils/useKeyboardManager.tsx +1 -1
- package/src/views/GestureHandlerNative.tsx +1 -1
- package/src/views/Header/Header.tsx +4 -4
- package/src/views/Header/HeaderContainer.tsx +2 -2
- package/src/views/Header/HeaderSegment.tsx +4 -4
- package/src/views/ModalStatusBarManager.tsx +1 -6
- package/src/views/Screens.tsx +1 -1
- package/src/views/Stack/Card.tsx +11 -11
- package/src/views/Stack/CardContainer.tsx +5 -5
- package/src/views/Stack/CardSheet.tsx +33 -34
- package/src/views/Stack/CardStack.tsx +10 -5
- package/src/views/Stack/StackView.tsx +18 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/views/Stack/Card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EAGR,SAAS,EAGT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAGjE,OAAO,KAAK,EACV,gBAAgB,EAChB,MAAM,EAEN,0BAA0B,EAC1B,cAAc,EACf,MAAM,aAAa,CAAC;AAarB,
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/views/Stack/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import * as React from 'react';
|
|
|
3
3
|
import { Animated } from 'react-native';
|
|
4
4
|
import type { Layout, Scene } from '../../types';
|
|
5
5
|
import type { Props as HeaderContainerProps } from '../Header/HeaderContainer';
|
|
6
|
-
|
|
6
|
+
type Props = {
|
|
7
7
|
interpolationIndex: number;
|
|
8
8
|
index: number;
|
|
9
9
|
active: boolean;
|
|
@@ -57,7 +57,7 @@ declare type Props = {
|
|
|
57
57
|
isNextScreenTransparent: boolean;
|
|
58
58
|
detachCurrentScreen: boolean;
|
|
59
59
|
};
|
|
60
|
-
declare function
|
|
61
|
-
declare const
|
|
62
|
-
export
|
|
60
|
+
declare function CardContainerInner({ interpolationIndex, index, active, closing, gesture, focused, modal, getPreviousScene, getFocusedRoute, headerDarkContent, hasAbsoluteFloatHeader, headerHeight, onHeaderHeightChange, isParentHeaderShown, isNextScreenTransparent, detachCurrentScreen, layout, onCloseRoute, onOpenRoute, onGestureCancel, onGestureEnd, onGestureStart, onTransitionEnd, onTransitionStart, renderHeader, renderScene, safeAreaInsetBottom, safeAreaInsetLeft, safeAreaInsetRight, safeAreaInsetTop, scene, }: Props): JSX.Element;
|
|
61
|
+
export declare const CardContainer: React.MemoExoticComponent<typeof CardContainerInner>;
|
|
62
|
+
export {};
|
|
63
63
|
//# 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,EAAE,KAAK,EAAY,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAoB,MAAM,cAAc,CAAC;AAE1D,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGjD,OAAO,KAAK,EAAE,KAAK,IAAI,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAG/E,
|
|
1
|
+
{"version":3,"file":"CardContainer.d.ts","sourceRoot":"","sources":["../../../../../src/views/Stack/CardContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ViewProps } from 'react-native';
|
|
3
|
-
export
|
|
3
|
+
export type CardSheetRef = {
|
|
4
4
|
setPointerEvents: React.Dispatch<ViewProps['pointerEvents']>;
|
|
5
5
|
};
|
|
6
|
-
declare const
|
|
6
|
+
export declare const CardSheet: React.ForwardRefExoticComponent<ViewProps & {
|
|
7
7
|
enabled: boolean;
|
|
8
8
|
layout: {
|
|
9
9
|
width: number;
|
|
@@ -11,5 +11,4 @@ declare const _default: React.ForwardRefExoticComponent<ViewProps & {
|
|
|
11
11
|
};
|
|
12
12
|
children: React.ReactNode;
|
|
13
13
|
} & React.RefAttributes<CardSheetRef>>;
|
|
14
|
-
export default _default;
|
|
15
14
|
//# sourceMappingURL=CardSheet.d.ts.map
|
|
@@ -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;AAQ3D,
|
|
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;AAQ3D,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;sCA2C1B,CAAC"}
|
|
@@ -4,10 +4,10 @@ import { Animated } from 'react-native';
|
|
|
4
4
|
import type { EdgeInsets } from 'react-native-safe-area-context';
|
|
5
5
|
import type { Layout, Scene, StackDescriptorMap } from '../../types';
|
|
6
6
|
import type { Props as HeaderContainerProps } from '../Header/HeaderContainer';
|
|
7
|
-
|
|
7
|
+
type GestureValues = {
|
|
8
8
|
[key: string]: Animated.Value;
|
|
9
9
|
};
|
|
10
|
-
|
|
10
|
+
type Props = {
|
|
11
11
|
insets: EdgeInsets;
|
|
12
12
|
state: StackNavigationState<ParamListBase>;
|
|
13
13
|
descriptors: StackDescriptorMap;
|
|
@@ -46,7 +46,7 @@ declare type Props = {
|
|
|
46
46
|
}) => void;
|
|
47
47
|
detachInactiveScreens?: boolean;
|
|
48
48
|
};
|
|
49
|
-
|
|
49
|
+
type State = {
|
|
50
50
|
routes: Route<string>[];
|
|
51
51
|
descriptors: StackDescriptorMap;
|
|
52
52
|
scenes: Scene[];
|
|
@@ -54,7 +54,7 @@ declare type State = {
|
|
|
54
54
|
layout: Layout;
|
|
55
55
|
headerHeights: Record<string, number>;
|
|
56
56
|
};
|
|
57
|
-
export
|
|
57
|
+
export declare class CardStack extends React.Component<Props, State> {
|
|
58
58
|
static getDerivedStateFromProps(props: Props, state: State): Partial<State> | null;
|
|
59
59
|
constructor(props: Props);
|
|
60
60
|
private handleLayout;
|
|
@@ -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;AAElC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EAIT,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAWjE,OAAO,KAAK,EACV,MAAM,EACN,KAAK,EAEL,kBAAkB,EAGnB,MAAM,aAAa,CAAC;AAGrB,OAAO,KAAK,EAAE,KAAK,IAAI,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAK/E,
|
|
1
|
+
{"version":3,"file":"CardStack.d.ts","sourceRoot":"","sources":["../../../../../src/views/Stack/CardStack.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { ParamListBase, Route, StackNavigationState } from '@react-navigation/native';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import type { StackDescriptorMap, StackNavigationConfig, StackNavigationHelpers } from '../../types';
|
|
4
|
-
|
|
4
|
+
type Props = StackNavigationConfig & {
|
|
5
5
|
state: StackNavigationState<ParamListBase>;
|
|
6
6
|
navigation: StackNavigationHelpers;
|
|
7
7
|
descriptors: StackDescriptorMap;
|
|
8
8
|
};
|
|
9
|
-
|
|
9
|
+
type State = {
|
|
10
10
|
routes: Route<string>[];
|
|
11
11
|
previousRoutes: Route<string>[];
|
|
12
12
|
previousDescriptors: StackDescriptorMap;
|
|
@@ -15,7 +15,7 @@ declare type State = {
|
|
|
15
15
|
replacingRouteKeys: string[];
|
|
16
16
|
descriptors: StackDescriptorMap;
|
|
17
17
|
};
|
|
18
|
-
export
|
|
18
|
+
export declare class StackView extends React.Component<Props, State> {
|
|
19
19
|
static getDerivedStateFromProps(props: Readonly<Props>, state: Readonly<State>): {
|
|
20
20
|
routes: Route<string, object | undefined>[];
|
|
21
21
|
previousRoutes: Route<string, object | undefined>[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackView.d.ts","sourceRoot":"","sources":["../../../../../src/views/Stack/StackView.tsx"],"names":[],"mappings":"AAIA,OAAO,
|
|
1
|
+
{"version":3,"file":"StackView.d.ts","sourceRoot":"","sources":["../../../../../src/views/Stack/StackView.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,aAAa,EACb,KAAK,EAEL,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EACV,kBAAkB,EAClB,qBAAqB,EACrB,sBAAsB,EACvB,MAAM,aAAa,CAAC;AASrB,KAAK,KAAK,GAAG,qBAAqB,GAAG;IACnC,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,CAAC;IAC3C,UAAU,EAAE,sBAAsB,CAAC;IACnC,WAAW,EAAE,kBAAkB,CAAC;CACjC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsNxB,KAAK,EAAE,KAAK,CAQV;IAEF,OAAO,CAAC,gBAAgB,CAYtB;IAEF,OAAO,CAAC,WAAW,CASjB;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;CAmDP"}
|
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": "
|
|
4
|
+
"version": "7.0.0-alpha.1",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native-component",
|
|
7
7
|
"react-component",
|
|
@@ -40,24 +40,23 @@
|
|
|
40
40
|
"clean": "del lib"
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@react-navigation/elements": "^1.
|
|
44
|
-
"color": "^4.2.3"
|
|
45
|
-
"warn-once": "^0.1.0"
|
|
43
|
+
"@react-navigation/elements": "^1.4.0-alpha.0",
|
|
44
|
+
"color": "^4.2.3"
|
|
46
45
|
},
|
|
47
46
|
"devDependencies": {
|
|
48
|
-
"@react-navigation/native": "^
|
|
47
|
+
"@react-navigation/native": "^7.0.0-alpha.1",
|
|
49
48
|
"@testing-library/react-native": "^11.5.0",
|
|
50
|
-
"@types/color": "^3.0.
|
|
51
|
-
"@types/react": "~18.0.
|
|
52
|
-
"@types/react-native": "~0.
|
|
53
|
-
"del-cli": "^
|
|
54
|
-
"react": "18.
|
|
55
|
-
"react-native": "0.
|
|
49
|
+
"@types/color": "^3.0.3",
|
|
50
|
+
"@types/react": "~18.0.26",
|
|
51
|
+
"@types/react-native": "~0.70.8",
|
|
52
|
+
"del-cli": "^5.0.0",
|
|
53
|
+
"react": "18.1.0",
|
|
54
|
+
"react-native": "0.70.5",
|
|
56
55
|
"react-native-builder-bob": "^0.20.4",
|
|
57
|
-
"react-native-gesture-handler": "~2.
|
|
58
|
-
"react-native-safe-area-context": "4.
|
|
59
|
-
"react-native-screens": "~3.
|
|
60
|
-
"typescript": "^4.
|
|
56
|
+
"react-native-gesture-handler": "~2.8.0",
|
|
57
|
+
"react-native-safe-area-context": "4.4.1",
|
|
58
|
+
"react-native-screens": "~3.18.0",
|
|
59
|
+
"typescript": "^4.9.4"
|
|
61
60
|
},
|
|
62
61
|
"peerDependencies": {
|
|
63
62
|
"@react-navigation/native": "^6.0.0",
|
|
@@ -81,5 +80,5 @@
|
|
|
81
80
|
]
|
|
82
81
|
]
|
|
83
82
|
},
|
|
84
|
-
"gitHead": "
|
|
83
|
+
"gitHead": "230c09deeeb886929a15cb4cdcb496372a9496e1"
|
|
85
84
|
}
|
package/src/index.tsx
CHANGED
|
@@ -6,13 +6,13 @@ import * as TransitionSpecs from './TransitionConfigs/TransitionSpecs';
|
|
|
6
6
|
/**
|
|
7
7
|
* Navigators
|
|
8
8
|
*/
|
|
9
|
-
export {
|
|
9
|
+
export { createStackNavigator } from './navigators/createStackNavigator';
|
|
10
10
|
|
|
11
11
|
/**
|
|
12
12
|
* Views
|
|
13
13
|
*/
|
|
14
|
-
export {
|
|
15
|
-
export {
|
|
14
|
+
export { Header } from './views/Header/Header';
|
|
15
|
+
export { StackView } from './views/Stack/StackView';
|
|
16
16
|
|
|
17
17
|
/**
|
|
18
18
|
* Transition presets
|
|
@@ -27,10 +27,10 @@ export {
|
|
|
27
27
|
/**
|
|
28
28
|
* Utilities
|
|
29
29
|
*/
|
|
30
|
-
export {
|
|
31
|
-
export {
|
|
32
|
-
export {
|
|
33
|
-
export {
|
|
30
|
+
export { CardAnimationContext } from './utils/CardAnimationContext';
|
|
31
|
+
export { GestureHandlerRefContext } from './utils/GestureHandlerRefContext';
|
|
32
|
+
export { useCardAnimation } from './utils/useCardAnimation';
|
|
33
|
+
export { useGestureHandlerRef } from './utils/useGestureHandlerRef';
|
|
34
34
|
|
|
35
35
|
/**
|
|
36
36
|
* Types
|
|
@@ -11,15 +11,13 @@ import {
|
|
|
11
11
|
useNavigationBuilder,
|
|
12
12
|
} from '@react-navigation/native';
|
|
13
13
|
import * as React from 'react';
|
|
14
|
-
import warnOnce from 'warn-once';
|
|
15
14
|
|
|
16
15
|
import type {
|
|
17
|
-
StackHeaderMode,
|
|
18
16
|
StackNavigationConfig,
|
|
19
17
|
StackNavigationEventMap,
|
|
20
18
|
StackNavigationOptions,
|
|
21
19
|
} from '../types';
|
|
22
|
-
import StackView from '../views/Stack/StackView';
|
|
20
|
+
import { StackView } from '../views/Stack/StackView';
|
|
23
21
|
|
|
24
22
|
type Props = DefaultNavigatorOptions<
|
|
25
23
|
ParamListBase,
|
|
@@ -38,42 +36,6 @@ function StackNavigator({
|
|
|
38
36
|
screenOptions,
|
|
39
37
|
...rest
|
|
40
38
|
}: Props) {
|
|
41
|
-
// @ts-expect-error: mode is deprecated
|
|
42
|
-
const mode = rest.mode as 'card' | 'modal' | undefined;
|
|
43
|
-
|
|
44
|
-
warnOnce(
|
|
45
|
-
mode != null,
|
|
46
|
-
`Stack Navigator: 'mode="${mode}"' is deprecated. Use 'presentation: "${mode}"' in 'screenOptions' instead.\n\nSee https://reactnavigation.org/docs/stack-navigator#presentation for more details.`
|
|
47
|
-
);
|
|
48
|
-
|
|
49
|
-
// @ts-expect-error: headerMode='none' is deprecated
|
|
50
|
-
const headerMode = rest.headerMode as StackHeaderMode | 'none' | undefined;
|
|
51
|
-
|
|
52
|
-
warnOnce(
|
|
53
|
-
headerMode === 'none',
|
|
54
|
-
`Stack Navigator: 'headerMode="none"' is deprecated. Use 'headerShown: false' in 'screenOptions' instead.\n\nSee https://reactnavigation.org/docs/stack-navigator/#headershown for more details.`
|
|
55
|
-
);
|
|
56
|
-
|
|
57
|
-
warnOnce(
|
|
58
|
-
headerMode != null && headerMode !== 'none',
|
|
59
|
-
`Stack Navigator: 'headerMode' is moved to 'options'. Moved it to 'screenOptions' to keep current behavior.\n\nSee https://reactnavigation.org/docs/stack-navigator/#headermode for more details.`
|
|
60
|
-
);
|
|
61
|
-
|
|
62
|
-
// @ts-expect-error: headerMode='none' is deprecated
|
|
63
|
-
const keyboardHandlingEnabled = rest.keyboardHandlingEnabled;
|
|
64
|
-
|
|
65
|
-
warnOnce(
|
|
66
|
-
keyboardHandlingEnabled !== undefined,
|
|
67
|
-
`Stack Navigator: 'keyboardHandlingEnabled' is moved to 'options'. Moved it to 'screenOptions' to keep current behavior.\n\nSee https://reactnavigation.org/docs/stack-navigator/#keyboardhandlingenabled for more details.`
|
|
68
|
-
);
|
|
69
|
-
|
|
70
|
-
const defaultScreenOptions: StackNavigationOptions = {
|
|
71
|
-
presentation: mode,
|
|
72
|
-
headerShown: headerMode ? headerMode !== 'none' : true,
|
|
73
|
-
headerMode: headerMode && headerMode !== 'none' ? headerMode : undefined,
|
|
74
|
-
keyboardHandlingEnabled,
|
|
75
|
-
};
|
|
76
|
-
|
|
77
39
|
const { state, descriptors, navigation, NavigationContent } =
|
|
78
40
|
useNavigationBuilder<
|
|
79
41
|
StackNavigationState<ParamListBase>,
|
|
@@ -87,7 +49,6 @@ function StackNavigator({
|
|
|
87
49
|
children,
|
|
88
50
|
screenListeners,
|
|
89
51
|
screenOptions,
|
|
90
|
-
defaultScreenOptions,
|
|
91
52
|
});
|
|
92
53
|
|
|
93
54
|
React.useEffect(
|
|
@@ -128,7 +89,7 @@ function StackNavigator({
|
|
|
128
89
|
);
|
|
129
90
|
}
|
|
130
91
|
|
|
131
|
-
export
|
|
92
|
+
export const createStackNavigator = createNavigatorFactory<
|
|
132
93
|
StackNavigationState<ParamListBase>,
|
|
133
94
|
StackNavigationOptions,
|
|
134
95
|
StackNavigationEventMap,
|
package/src/types.tsx
CHANGED
|
@@ -107,17 +107,17 @@ export type SceneProgress = {
|
|
|
107
107
|
/**
|
|
108
108
|
* Progress value of the current screen.
|
|
109
109
|
*/
|
|
110
|
-
current: Animated.AnimatedInterpolation
|
|
110
|
+
current: Animated.AnimatedInterpolation<number>;
|
|
111
111
|
/**
|
|
112
112
|
* Progress value for the screen after this one in the stack.
|
|
113
113
|
* This can be `undefined` in case the screen animating is the last one.
|
|
114
114
|
*/
|
|
115
|
-
next?: Animated.AnimatedInterpolation
|
|
115
|
+
next?: Animated.AnimatedInterpolation<number>;
|
|
116
116
|
/**
|
|
117
117
|
* Progress value for the screen before this one in the stack.
|
|
118
118
|
* This can be `undefined` in case the screen animating is the first one.
|
|
119
119
|
*/
|
|
120
|
-
previous?: Animated.AnimatedInterpolation
|
|
120
|
+
previous?: Animated.AnimatedInterpolation<number>;
|
|
121
121
|
};
|
|
122
122
|
|
|
123
123
|
export type StackHeaderMode = 'float' | 'screen';
|
|
@@ -165,7 +165,7 @@ export type StackHeaderOptions = Omit<
|
|
|
165
165
|
/**
|
|
166
166
|
* Whether the back button title should be visible or not.
|
|
167
167
|
*
|
|
168
|
-
* Defaults to `true` on iOS, `false
|
|
168
|
+
* Defaults to `true` on iOS, `false on Android.
|
|
169
169
|
*/
|
|
170
170
|
headerBackTitleVisible?: boolean;
|
|
171
171
|
/**
|
|
@@ -377,7 +377,7 @@ export type StackCardInterpolationProps = {
|
|
|
377
377
|
/**
|
|
378
378
|
* Animated node representing the progress value of the current screen.
|
|
379
379
|
*/
|
|
380
|
-
progress: Animated.AnimatedInterpolation
|
|
380
|
+
progress: Animated.AnimatedInterpolation<number>;
|
|
381
381
|
};
|
|
382
382
|
/**
|
|
383
383
|
* Values for the screen after this one in the stack.
|
|
@@ -387,7 +387,7 @@ export type StackCardInterpolationProps = {
|
|
|
387
387
|
/**
|
|
388
388
|
* Animated node representing the progress value of the next screen.
|
|
389
389
|
*/
|
|
390
|
-
progress: Animated.AnimatedInterpolation
|
|
390
|
+
progress: Animated.AnimatedInterpolation<number>;
|
|
391
391
|
};
|
|
392
392
|
/**
|
|
393
393
|
* The index of the card with this interpolation in the stack.
|
|
@@ -396,15 +396,15 @@ export type StackCardInterpolationProps = {
|
|
|
396
396
|
/**
|
|
397
397
|
* Animated node representing whether the card is closing (1 - closing, 0 - not closing).
|
|
398
398
|
*/
|
|
399
|
-
closing: Animated.AnimatedInterpolation
|
|
399
|
+
closing: Animated.AnimatedInterpolation<0 | 1>;
|
|
400
400
|
/**
|
|
401
401
|
* Animated node representing whether the card is being swiped (1 - swiping, 0 - not swiping).
|
|
402
402
|
*/
|
|
403
|
-
swiping: Animated.AnimatedInterpolation
|
|
403
|
+
swiping: Animated.AnimatedInterpolation<0 | 1>;
|
|
404
404
|
/**
|
|
405
405
|
* Animated node representing multiplier when direction is inverted (-1 - inverted, 1 - normal).
|
|
406
406
|
*/
|
|
407
|
-
inverted: Animated.AnimatedInterpolation
|
|
407
|
+
inverted: Animated.AnimatedInterpolation<1 | -1>;
|
|
408
408
|
/**
|
|
409
409
|
* Layout measurements for various items we use for animation.
|
|
410
410
|
*/
|
|
@@ -456,7 +456,7 @@ export type StackHeaderInterpolationProps = {
|
|
|
456
456
|
/**
|
|
457
457
|
* Animated node representing the progress value of the current screen.
|
|
458
458
|
*/
|
|
459
|
-
progress: Animated.AnimatedInterpolation
|
|
459
|
+
progress: Animated.AnimatedInterpolation<number>;
|
|
460
460
|
};
|
|
461
461
|
/**
|
|
462
462
|
* Values for the screen after this one in the stack.
|
|
@@ -466,7 +466,7 @@ export type StackHeaderInterpolationProps = {
|
|
|
466
466
|
/**
|
|
467
467
|
* Animated node representing the progress value of the next screen.
|
|
468
468
|
*/
|
|
469
|
-
progress: Animated.AnimatedInterpolation
|
|
469
|
+
progress: Animated.AnimatedInterpolation<number>;
|
|
470
470
|
};
|
|
471
471
|
/**
|
|
472
472
|
* Layout measurements for various items we use for animation.
|
|
@@ -2,6 +2,6 @@ import * as React from 'react';
|
|
|
2
2
|
|
|
3
3
|
import type { StackCardInterpolationProps } from '../types';
|
|
4
4
|
|
|
5
|
-
export
|
|
6
|
-
undefined
|
|
7
|
-
);
|
|
5
|
+
export const CardAnimationContext = React.createContext<
|
|
6
|
+
StackCardInterpolationProps | undefined
|
|
7
|
+
>(undefined);
|
|
@@ -9,10 +9,10 @@ const { add, multiply } = Animated;
|
|
|
9
9
|
* @param main Animated Node to use if the condition is `true`
|
|
10
10
|
* @param fallback Animated Node to use if the condition is `false`
|
|
11
11
|
*/
|
|
12
|
-
export
|
|
13
|
-
condition: Animated.AnimatedInterpolation
|
|
14
|
-
main: Animated.AnimatedInterpolation
|
|
15
|
-
fallback: Animated.AnimatedInterpolation
|
|
12
|
+
export function conditional(
|
|
13
|
+
condition: Animated.AnimatedInterpolation<0 | 1>,
|
|
14
|
+
main: Animated.AnimatedInterpolation<number>,
|
|
15
|
+
fallback: Animated.AnimatedInterpolation<number>
|
|
16
16
|
) {
|
|
17
17
|
// To implement this behavior, we multiply the main node with the condition.
|
|
18
18
|
// So if condition is 0, result will be 0, and if condition is 1, result will be main node.
|
package/src/utils/debounce.tsx
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export
|
|
1
|
+
export function debounce<T extends (...args: any[]) => void>(
|
|
2
2
|
func: T,
|
|
3
3
|
duration: number
|
|
4
4
|
): T {
|
|
@@ -6,7 +6,6 @@ export default function debounce<T extends (...args: any[]) => void>(
|
|
|
6
6
|
|
|
7
7
|
return function (this: any, ...args) {
|
|
8
8
|
if (!timeout) {
|
|
9
|
-
// eslint-disable-next-line babel/no-invalid-this
|
|
10
9
|
func.apply(this, args);
|
|
11
10
|
|
|
12
11
|
timeout = setTimeout(() => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { GestureDirection, Layout } from '../types';
|
|
2
|
-
import getInvertedMultiplier from './getInvertedMultiplier';
|
|
2
|
+
import { getInvertedMultiplier } from './getInvertedMultiplier';
|
|
3
3
|
|
|
4
|
-
export
|
|
4
|
+
export function getDistanceForDirection(
|
|
5
5
|
layout: Layout,
|
|
6
6
|
gestureDirection: GestureDirection
|
|
7
7
|
): number {
|
|
@@ -2,7 +2,7 @@ import { I18nManager } from 'react-native';
|
|
|
2
2
|
|
|
3
3
|
import type { GestureDirection } from '../types';
|
|
4
4
|
|
|
5
|
-
export
|
|
5
|
+
export function getInvertedMultiplier(
|
|
6
6
|
gestureDirection: GestureDirection
|
|
7
7
|
): 1 | -1 {
|
|
8
8
|
switch (gestureDirection) {
|
package/src/utils/memoize.tsx
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
|
|
3
|
-
import CardAnimationContext from './CardAnimationContext';
|
|
3
|
+
import { CardAnimationContext } from './CardAnimationContext';
|
|
4
4
|
|
|
5
|
-
export
|
|
5
|
+
export function useCardAnimation() {
|
|
6
6
|
const animation = React.useContext(CardAnimationContext);
|
|
7
7
|
|
|
8
8
|
if (animation === undefined) {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
|
|
3
|
-
import
|
|
3
|
+
import { GestureHandlerRefContext } from './GestureHandlerRefContext';
|
|
4
4
|
|
|
5
|
-
export
|
|
6
|
-
const ref = React.useContext(
|
|
5
|
+
export function useGestureHandlerRef() {
|
|
6
|
+
const ref = React.useContext(GestureHandlerRefContext);
|
|
7
7
|
|
|
8
8
|
if (ref === undefined) {
|
|
9
9
|
throw new Error(
|
|
@@ -3,7 +3,7 @@ import { HostComponent, Keyboard, TextInput } from 'react-native';
|
|
|
3
3
|
|
|
4
4
|
type InputRef = React.ElementRef<HostComponent<unknown>> | undefined;
|
|
5
5
|
|
|
6
|
-
export
|
|
6
|
+
export function useKeyboardManager(isEnabled: () => boolean) {
|
|
7
7
|
// Numeric id of the previously focused text input
|
|
8
8
|
// When a gesture didn't change the tab, we can restore the focused input with this
|
|
9
9
|
const previouslyFocusedTextInputRef = React.useRef<InputRef>(undefined);
|
|
@@ -4,7 +4,7 @@ import {
|
|
|
4
4
|
PanGestureHandlerProperties,
|
|
5
5
|
} from 'react-native-gesture-handler';
|
|
6
6
|
|
|
7
|
-
import GestureHandlerRefContext from '../utils/GestureHandlerRefContext';
|
|
7
|
+
import { GestureHandlerRefContext } from '../utils/GestureHandlerRefContext';
|
|
8
8
|
|
|
9
9
|
export function PanGestureHandler(props: PanGestureHandlerProperties) {
|
|
10
10
|
const gestureRef = React.useRef<PanGestureHandlerNative>(null);
|
|
@@ -4,11 +4,11 @@ import * as React from 'react';
|
|
|
4
4
|
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
5
5
|
|
|
6
6
|
import type { StackHeaderProps } from '../../types';
|
|
7
|
-
import debounce from '../../utils/debounce';
|
|
8
|
-
import ModalPresentationContext from '../../utils/ModalPresentationContext';
|
|
9
|
-
import HeaderSegment from './HeaderSegment';
|
|
7
|
+
import { debounce } from '../../utils/debounce';
|
|
8
|
+
import { ModalPresentationContext } from '../../utils/ModalPresentationContext';
|
|
9
|
+
import { HeaderSegment } from './HeaderSegment';
|
|
10
10
|
|
|
11
|
-
export
|
|
11
|
+
export const Header = React.memo(function Header({
|
|
12
12
|
back,
|
|
13
13
|
layout,
|
|
14
14
|
progress,
|
|
@@ -21,7 +21,7 @@ import type {
|
|
|
21
21
|
StackHeaderProps,
|
|
22
22
|
StackNavigationProp,
|
|
23
23
|
} from '../../types';
|
|
24
|
-
import Header from './Header';
|
|
24
|
+
import { Header } from './Header';
|
|
25
25
|
|
|
26
26
|
export type Props = {
|
|
27
27
|
mode: StackHeaderMode;
|
|
@@ -36,7 +36,7 @@ export type Props = {
|
|
|
36
36
|
style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
|
|
37
37
|
};
|
|
38
38
|
|
|
39
|
-
export
|
|
39
|
+
export function HeaderContainer({
|
|
40
40
|
mode,
|
|
41
41
|
scenes,
|
|
42
42
|
layout,
|
|
@@ -20,7 +20,7 @@ import type {
|
|
|
20
20
|
StackHeaderOptions,
|
|
21
21
|
StackHeaderStyleInterpolator,
|
|
22
22
|
} from '../../types';
|
|
23
|
-
import memoize from '../../utils/memoize';
|
|
23
|
+
import { memoize } from '../../utils/memoize';
|
|
24
24
|
|
|
25
25
|
type Props = Omit<StackHeaderOptions, 'headerStatusBarHeight'> & {
|
|
26
26
|
headerStatusBarHeight: number;
|
|
@@ -32,7 +32,7 @@ type Props = Omit<StackHeaderOptions, 'headerStatusBarHeight'> & {
|
|
|
32
32
|
styleInterpolator: StackHeaderStyleInterpolator;
|
|
33
33
|
};
|
|
34
34
|
|
|
35
|
-
export
|
|
35
|
+
export function HeaderSegment(props: Props) {
|
|
36
36
|
const [leftLabelLayout, setLeftLabelLayout] = React.useState<
|
|
37
37
|
Layout | undefined
|
|
38
38
|
>(undefined);
|
|
@@ -75,8 +75,8 @@ export default function HeaderSegment(props: Props) {
|
|
|
75
75
|
(
|
|
76
76
|
styleInterpolator: StackHeaderStyleInterpolator,
|
|
77
77
|
layout: Layout,
|
|
78
|
-
current: Animated.AnimatedInterpolation
|
|
79
|
-
next: Animated.AnimatedInterpolation | undefined,
|
|
78
|
+
current: Animated.AnimatedInterpolation<number>,
|
|
79
|
+
next: Animated.AnimatedInterpolation<number> | undefined,
|
|
80
80
|
titleLayout: Layout | undefined,
|
|
81
81
|
leftLabelLayout: Layout | undefined,
|
|
82
82
|
headerHeight: number
|
|
@@ -12,12 +12,7 @@ type Props = {
|
|
|
12
12
|
style: any;
|
|
13
13
|
};
|
|
14
14
|
|
|
15
|
-
export
|
|
16
|
-
dark,
|
|
17
|
-
layout,
|
|
18
|
-
insets,
|
|
19
|
-
style,
|
|
20
|
-
}: Props) {
|
|
15
|
+
export function ModalStatusBarManager({ dark, layout, insets, style }: Props) {
|
|
21
16
|
const { dark: darkTheme } = useTheme();
|
|
22
17
|
const [overlapping, setOverlapping] = React.useState(true);
|
|
23
18
|
|