@react-navigation/stack 6.3.7 → 6.3.9
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 +12 -22
- package/lib/commonjs/TransitionConfigs/CardStyleInterpolators.js.map +1 -1
- package/lib/commonjs/TransitionConfigs/HeaderStyleInterpolators.js +11 -16
- package/lib/commonjs/TransitionConfigs/HeaderStyleInterpolators.js.map +1 -1
- package/lib/commonjs/TransitionConfigs/TransitionPresets.js +10 -19
- package/lib/commonjs/TransitionConfigs/TransitionPresets.js.map +1 -1
- package/lib/commonjs/TransitionConfigs/TransitionSpecs.js +6 -8
- package/lib/commonjs/TransitionConfigs/TransitionSpecs.js.map +1 -1
- package/lib/commonjs/index.js +0 -18
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/navigators/createStackNavigator.js +9 -17
- package/lib/commonjs/navigators/createStackNavigator.js.map +1 -1
- package/lib/commonjs/types.js.map +1 -1
- package/lib/commonjs/utils/CardAnimationContext.js +0 -5
- package/lib/commonjs/utils/CardAnimationContext.js.map +1 -1
- package/lib/commonjs/utils/GestureHandlerRefContext.js +0 -5
- package/lib/commonjs/utils/GestureHandlerRefContext.js.map +1 -1
- package/lib/commonjs/utils/ModalPresentationContext.js +0 -4
- package/lib/commonjs/utils/ModalPresentationContext.js.map +1 -1
- package/lib/commonjs/utils/conditional.js +1 -3
- package/lib/commonjs/utils/conditional.js.map +1 -1
- package/lib/commonjs/utils/debounce.js +0 -2
- package/lib/commonjs/utils/debounce.js.map +1 -1
- package/lib/commonjs/utils/getDistanceForDirection.js +0 -5
- package/lib/commonjs/utils/getDistanceForDirection.js.map +1 -1
- package/lib/commonjs/utils/getInvertedMultiplier.js +0 -5
- package/lib/commonjs/utils/getInvertedMultiplier.js.map +1 -1
- package/lib/commonjs/utils/memoize.js +0 -6
- package/lib/commonjs/utils/memoize.js.map +1 -1
- package/lib/commonjs/utils/useCardAnimation.js +0 -8
- package/lib/commonjs/utils/useCardAnimation.js.map +1 -1
- package/lib/commonjs/utils/useGestureHandlerRef.js +0 -8
- package/lib/commonjs/utils/useGestureHandlerRef.js.map +1 -1
- package/lib/commonjs/utils/useKeyboardManager.js +14 -20
- package/lib/commonjs/utils/useKeyboardManager.js.map +1 -1
- package/lib/commonjs/views/GestureHandler.android.js +0 -2
- package/lib/commonjs/views/GestureHandler.android.js.map +1 -1
- package/lib/commonjs/views/GestureHandler.ios.js +0 -2
- package/lib/commonjs/views/GestureHandler.ios.js.map +1 -1
- package/lib/commonjs/views/GestureHandler.js +0 -6
- package/lib/commonjs/views/GestureHandler.js.map +1 -1
- package/lib/commonjs/views/GestureHandlerNative.js +0 -8
- package/lib/commonjs/views/GestureHandlerNative.js.map +1 -1
- package/lib/commonjs/views/Header/Header.js +7 -18
- package/lib/commonjs/views/Header/Header.js.map +1 -1
- package/lib/commonjs/views/Header/HeaderContainer.js +10 -23
- package/lib/commonjs/views/Header/HeaderContainer.js.map +1 -1
- package/lib/commonjs/views/Header/HeaderSegment.js +6 -20
- package/lib/commonjs/views/Header/HeaderSegment.js.map +1 -1
- package/lib/commonjs/views/ModalStatusBarManager.js +1 -11
- package/lib/commonjs/views/ModalStatusBarManager.js.map +1 -1
- package/lib/commonjs/views/Screens.js +2 -16
- package/lib/commonjs/views/Screens.js.map +1 -1
- package/lib/commonjs/views/Stack/Card.js +17 -80
- package/lib/commonjs/views/Stack/Card.js.map +1 -1
- package/lib/commonjs/views/Stack/CardContainer.js +3 -30
- package/lib/commonjs/views/Stack/CardContainer.js.map +1 -1
- package/lib/commonjs/views/Stack/CardSheet.js +2 -11
- package/lib/commonjs/views/Stack/CardSheet.js.map +1 -1
- package/lib/commonjs/views/Stack/CardStack.js +23 -78
- package/lib/commonjs/views/Stack/CardStack.js.map +1 -1
- package/lib/commonjs/views/Stack/StackView.js +33 -65
- package/lib/commonjs/views/Stack/StackView.js.map +1 -1
- package/lib/module/TransitionConfigs/CardStyleInterpolators.js +12 -10
- package/lib/module/TransitionConfigs/CardStyleInterpolators.js.map +1 -1
- package/lib/module/TransitionConfigs/HeaderStyleInterpolators.js +11 -9
- package/lib/module/TransitionConfigs/HeaderStyleInterpolators.js.map +1 -1
- package/lib/module/TransitionConfigs/TransitionPresets.js +10 -10
- package/lib/module/TransitionConfigs/TransitionPresets.js.map +1 -1
- package/lib/module/TransitionConfigs/TransitionSpecs.js +6 -7
- package/lib/module/TransitionConfigs/TransitionSpecs.js.map +1 -1
- package/lib/module/index.js +5 -4
- package/lib/module/index.js.map +1 -1
- package/lib/module/navigators/createStackNavigator.js +9 -9
- 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 +1 -1
- package/lib/module/utils/conditional.js.map +1 -1
- package/lib/module/utils/debounce.js +0 -1
- package/lib/module/utils/debounce.js.map +1 -1
- package/lib/module/utils/getDistanceForDirection.js +0 -2
- package/lib/module/utils/getDistanceForDirection.js.map +1 -1
- package/lib/module/utils/getInvertedMultiplier.js +0 -3
- package/lib/module/utils/getInvertedMultiplier.js.map +1 -1
- package/lib/module/utils/memoize.js +0 -5
- package/lib/module/utils/memoize.js.map +1 -1
- package/lib/module/utils/useCardAnimation.js +0 -2
- package/lib/module/utils/useCardAnimation.js.map +1 -1
- package/lib/module/utils/useGestureHandlerRef.js +0 -2
- package/lib/module/utils/useGestureHandlerRef.js.map +1 -1
- package/lib/module/utils/useKeyboardManager.js +14 -13
- 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 +0 -2
- package/lib/module/views/GestureHandler.js.map +1 -1
- package/lib/module/views/GestureHandlerNative.js +0 -1
- package/lib/module/views/GestureHandlerNative.js.map +1 -1
- package/lib/module/views/Header/Header.js +7 -6
- package/lib/module/views/Header/Header.js.map +1 -1
- package/lib/module/views/Header/HeaderContainer.js +10 -12
- package/lib/module/views/Header/HeaderContainer.js.map +1 -1
- package/lib/module/views/Header/HeaderSegment.js +6 -10
- package/lib/module/views/Header/HeaderSegment.js.map +1 -1
- package/lib/module/views/ModalStatusBarManager.js +1 -3
- package/lib/module/views/ModalStatusBarManager.js.map +1 -1
- package/lib/module/views/Screens.js +2 -8
- package/lib/module/views/Screens.js.map +1 -1
- package/lib/module/views/Stack/Card.js +17 -58
- package/lib/module/views/Stack/Card.js.map +1 -1
- package/lib/module/views/Stack/CardContainer.js +3 -17
- package/lib/module/views/Stack/CardContainer.js.map +1 -1
- package/lib/module/views/Stack/CardSheet.js +2 -4
- package/lib/module/views/Stack/CardSheet.js.map +1 -1
- package/lib/module/views/Stack/CardStack.js +23 -60
- package/lib/module/views/Stack/CardStack.js.map +1 -1
- package/lib/module/views/Stack/StackView.js +34 -51
- package/lib/module/views/Stack/StackView.js.map +1 -1
- package/lib/typescript/src/TransitionConfigs/CardStyleInterpolators.d.ts +1 -0
- package/lib/typescript/src/TransitionConfigs/CardStyleInterpolators.d.ts.map +1 -0
- package/lib/typescript/src/TransitionConfigs/HeaderStyleInterpolators.d.ts +1 -0
- package/lib/typescript/src/TransitionConfigs/HeaderStyleInterpolators.d.ts.map +1 -0
- package/lib/typescript/src/TransitionConfigs/TransitionPresets.d.ts +1 -0
- package/lib/typescript/src/TransitionConfigs/TransitionPresets.d.ts.map +1 -0
- package/lib/typescript/src/TransitionConfigs/TransitionSpecs.d.ts +1 -0
- package/lib/typescript/src/TransitionConfigs/TransitionSpecs.d.ts.map +1 -0
- package/lib/typescript/src/index.d.ts +1 -0
- package/lib/typescript/src/index.d.ts.map +1 -0
- package/lib/typescript/src/navigators/createStackNavigator.d.ts +1 -0
- package/lib/typescript/src/navigators/createStackNavigator.d.ts.map +1 -0
- package/lib/typescript/src/types.d.ts +1 -0
- package/lib/typescript/src/types.d.ts.map +1 -0
- package/lib/typescript/src/utils/CardAnimationContext.d.ts +1 -0
- package/lib/typescript/src/utils/CardAnimationContext.d.ts.map +1 -0
- package/lib/typescript/src/utils/GestureHandlerRefContext.d.ts +1 -0
- package/lib/typescript/src/utils/GestureHandlerRefContext.d.ts.map +1 -0
- package/lib/typescript/src/utils/ModalPresentationContext.d.ts +1 -0
- package/lib/typescript/src/utils/ModalPresentationContext.d.ts.map +1 -0
- package/lib/typescript/src/utils/conditional.d.ts +1 -0
- package/lib/typescript/src/utils/conditional.d.ts.map +1 -0
- package/lib/typescript/src/utils/debounce.d.ts +1 -0
- package/lib/typescript/src/utils/debounce.d.ts.map +1 -0
- package/lib/typescript/src/utils/getDistanceForDirection.d.ts +1 -0
- package/lib/typescript/src/utils/getDistanceForDirection.d.ts.map +1 -0
- package/lib/typescript/src/utils/getInvertedMultiplier.d.ts +1 -0
- package/lib/typescript/src/utils/getInvertedMultiplier.d.ts.map +1 -0
- package/lib/typescript/src/utils/memoize.d.ts +1 -0
- package/lib/typescript/src/utils/memoize.d.ts.map +1 -0
- package/lib/typescript/src/utils/useCardAnimation.d.ts +1 -0
- package/lib/typescript/src/utils/useCardAnimation.d.ts.map +1 -0
- package/lib/typescript/src/utils/useGestureHandlerRef.d.ts +1 -0
- package/lib/typescript/src/utils/useGestureHandlerRef.d.ts.map +1 -0
- package/lib/typescript/src/utils/useKeyboardManager.d.ts +1 -0
- package/lib/typescript/src/utils/useKeyboardManager.d.ts.map +1 -0
- package/lib/typescript/src/views/GestureHandler.android.d.ts +1 -0
- package/lib/typescript/src/views/GestureHandler.android.d.ts.map +1 -0
- package/lib/typescript/src/views/GestureHandler.d.ts +1 -0
- package/lib/typescript/src/views/GestureHandler.d.ts.map +1 -0
- package/lib/typescript/src/views/GestureHandler.ios.d.ts +1 -0
- package/lib/typescript/src/views/GestureHandler.ios.d.ts.map +1 -0
- package/lib/typescript/src/views/GestureHandlerNative.d.ts +1 -0
- package/lib/typescript/src/views/GestureHandlerNative.d.ts.map +1 -0
- package/lib/typescript/src/views/Header/Header.d.ts +1 -0
- package/lib/typescript/src/views/Header/Header.d.ts.map +1 -0
- package/lib/typescript/src/views/Header/HeaderContainer.d.ts +1 -0
- package/lib/typescript/src/views/Header/HeaderContainer.d.ts.map +1 -0
- package/lib/typescript/src/views/Header/HeaderSegment.d.ts +1 -0
- package/lib/typescript/src/views/Header/HeaderSegment.d.ts.map +1 -0
- package/lib/typescript/src/views/ModalStatusBarManager.d.ts +1 -0
- package/lib/typescript/src/views/ModalStatusBarManager.d.ts.map +1 -0
- package/lib/typescript/src/views/Screens.d.ts +1 -0
- package/lib/typescript/src/views/Screens.d.ts.map +1 -0
- package/lib/typescript/src/views/Stack/Card.d.ts +1 -0
- package/lib/typescript/src/views/Stack/Card.d.ts.map +1 -0
- package/lib/typescript/src/views/Stack/CardContainer.d.ts +1 -0
- package/lib/typescript/src/views/Stack/CardContainer.d.ts.map +1 -0
- package/lib/typescript/src/views/Stack/CardSheet.d.ts +1 -0
- package/lib/typescript/src/views/Stack/CardSheet.d.ts.map +1 -0
- package/lib/typescript/src/views/Stack/CardStack.d.ts +1 -0
- package/lib/typescript/src/views/Stack/CardStack.d.ts.map +1 -0
- package/lib/typescript/src/views/Stack/StackView.d.ts +1 -0
- package/lib/typescript/src/views/Stack/StackView.d.ts.map +1 -0
- package/package.json +5 -5
|
@@ -2,10 +2,10 @@ import { Animated, I18nManager } from 'react-native';
|
|
|
2
2
|
const {
|
|
3
3
|
add
|
|
4
4
|
} = Animated;
|
|
5
|
+
|
|
5
6
|
/**
|
|
6
7
|
* Standard UIKit style animation for the header where the title fades into the back button label.
|
|
7
8
|
*/
|
|
8
|
-
|
|
9
9
|
export function forUIKit(_ref) {
|
|
10
10
|
let {
|
|
11
11
|
current,
|
|
@@ -13,16 +13,18 @@ export function forUIKit(_ref) {
|
|
|
13
13
|
layouts
|
|
14
14
|
} = _ref;
|
|
15
15
|
const defaultOffset = 100;
|
|
16
|
-
const leftSpacing = 27;
|
|
16
|
+
const leftSpacing = 27;
|
|
17
|
+
|
|
18
|
+
// The title and back button title should cross-fade to each other
|
|
17
19
|
// When screen is fully open, the title should be in center, and back title should be on left
|
|
18
20
|
// When screen is closing, the previous title will animate to back title's position
|
|
19
21
|
// And back title will animate to title's position
|
|
20
22
|
// We achieve this by calculating the offsets needed to translate title to back title's position and vice-versa
|
|
21
|
-
|
|
22
23
|
const leftLabelOffset = layouts.leftLabel ? (layouts.screen.width - layouts.leftLabel.width) / 2 - leftSpacing : defaultOffset;
|
|
23
|
-
const titleLeftOffset = layouts.title ? (layouts.screen.width - layouts.title.width) / 2 - leftSpacing : defaultOffset;
|
|
24
|
-
// The back title also animates in from this position
|
|
24
|
+
const titleLeftOffset = layouts.title ? (layouts.screen.width - layouts.title.width) / 2 - leftSpacing : defaultOffset;
|
|
25
25
|
|
|
26
|
+
// When the current title is animating to right, it is centered in the right half of screen in middle of transition
|
|
27
|
+
// The back title also animates in from this position
|
|
26
28
|
const rightOffset = layouts.screen.width / 4;
|
|
27
29
|
const progress = add(current.progress.interpolate({
|
|
28
30
|
inputRange: [0, 1],
|
|
@@ -76,10 +78,10 @@ export function forUIKit(_ref) {
|
|
|
76
78
|
}
|
|
77
79
|
};
|
|
78
80
|
}
|
|
81
|
+
|
|
79
82
|
/**
|
|
80
83
|
* Simple fade animation for the header elements.
|
|
81
84
|
*/
|
|
82
|
-
|
|
83
85
|
export function forFade(_ref2) {
|
|
84
86
|
let {
|
|
85
87
|
current,
|
|
@@ -116,10 +118,10 @@ export function forFade(_ref2) {
|
|
|
116
118
|
}
|
|
117
119
|
};
|
|
118
120
|
}
|
|
121
|
+
|
|
119
122
|
/**
|
|
120
123
|
* Simple translate animation to translate the header to left.
|
|
121
124
|
*/
|
|
122
|
-
|
|
123
125
|
export function forSlideLeft(_ref3) {
|
|
124
126
|
let {
|
|
125
127
|
current,
|
|
@@ -159,10 +161,10 @@ export function forSlideLeft(_ref3) {
|
|
|
159
161
|
}
|
|
160
162
|
};
|
|
161
163
|
}
|
|
164
|
+
|
|
162
165
|
/**
|
|
163
166
|
* Simple translate animation to translate the header to right.
|
|
164
167
|
*/
|
|
165
|
-
|
|
166
168
|
export function forSlideRight(_ref4) {
|
|
167
169
|
let {
|
|
168
170
|
current,
|
|
@@ -202,10 +204,10 @@ export function forSlideRight(_ref4) {
|
|
|
202
204
|
}
|
|
203
205
|
};
|
|
204
206
|
}
|
|
207
|
+
|
|
205
208
|
/**
|
|
206
209
|
* Simple translate animation to translate the header to slide up.
|
|
207
210
|
*/
|
|
208
|
-
|
|
209
211
|
export function forSlideUp(_ref5) {
|
|
210
212
|
let {
|
|
211
213
|
current,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Animated","I18nManager","add","forUIKit","current","next","layouts","defaultOffset","leftSpacing","leftLabelOffset","leftLabel","screen","width","titleLeftOffset","title","rightOffset","progress","interpolate","inputRange","outputRange","extrapolate","leftButtonStyle","opacity","leftLabelStyle","transform","translateX","getConstants","isRTL","rightButtonStyle","titleStyle","backgroundStyle","forFade","forSlideLeft","forSlideRight","forSlideUp","header","translateY","height","forNoAnimation"],"sources":["HeaderStyleInterpolators.tsx"],"sourcesContent":["import { Animated, I18nManager } from 'react-native';\n\nimport type {\n StackHeaderInterpolatedStyle,\n StackHeaderInterpolationProps,\n} from '../types';\n\nconst { add } = Animated;\n\n/**\n * Standard UIKit style animation for the header where the title fades into the back button label.\n */\nexport function forUIKit({\n current,\n next,\n layouts,\n}: StackHeaderInterpolationProps): StackHeaderInterpolatedStyle {\n const defaultOffset = 100;\n const leftSpacing = 27;\n\n // The title and back button title should cross-fade to each other\n // When screen is fully open, the title should be in center, and back title should be on left\n // When screen is closing, the previous title will animate to back title's position\n // And back title will animate to title's position\n // We achieve this by calculating the offsets needed to translate title to back title's position and vice-versa\n const leftLabelOffset = layouts.leftLabel\n ? (layouts.screen.width - layouts.leftLabel.width) / 2 - leftSpacing\n : defaultOffset;\n const titleLeftOffset = layouts.title\n ? (layouts.screen.width - layouts.title.width) / 2 - leftSpacing\n : defaultOffset;\n\n // When the current title is animating to right, it is centered in the right half of screen in middle of transition\n // The back title also animates in from this position\n const rightOffset = layouts.screen.width / 4;\n\n const progress = add(\n current.progress.interpolate({\n inputRange: [0, 1],\n outputRange: [0, 1],\n extrapolate: 'clamp',\n }),\n next\n ? next.progress.interpolate({\n inputRange: [0, 1],\n outputRange: [0, 1],\n extrapolate: 'clamp',\n })\n : 0\n );\n\n return {\n leftButtonStyle: {\n opacity: progress.interpolate({\n inputRange: [0.3, 1, 1.5],\n outputRange: [0, 1, 0],\n }),\n },\n leftLabelStyle: {\n transform: [\n {\n translateX: progress.interpolate({\n inputRange: [0, 1, 2],\n outputRange: I18nManager.getConstants().isRTL\n ? [-rightOffset, 0, leftLabelOffset]\n : [leftLabelOffset, 0, -rightOffset],\n }),\n },\n ],\n },\n rightButtonStyle: {\n opacity: progress.interpolate({\n inputRange: [0.3, 1, 1.5],\n outputRange: [0, 1, 0],\n }),\n },\n titleStyle: {\n opacity: progress.interpolate({\n inputRange: [0, 0.4, 1, 1.5],\n outputRange: [0, 0.1, 1, 0],\n }),\n transform: [\n {\n translateX: progress.interpolate({\n inputRange: [0.5, 1, 2],\n outputRange: I18nManager.getConstants().isRTL\n ? [-titleLeftOffset, 0, rightOffset]\n : [rightOffset, 0, -titleLeftOffset],\n }),\n },\n ],\n },\n backgroundStyle: {\n transform: [\n {\n translateX: progress.interpolate({\n inputRange: [0, 1, 2],\n outputRange: I18nManager.getConstants().isRTL\n ? [-layouts.screen.width, 0, layouts.screen.width]\n : [layouts.screen.width, 0, -layouts.screen.width],\n }),\n },\n ],\n },\n };\n}\n\n/**\n * Simple fade animation for the header elements.\n */\nexport function forFade({\n current,\n next,\n}: StackHeaderInterpolationProps): StackHeaderInterpolatedStyle {\n const progress = add(\n current.progress.interpolate({\n inputRange: [0, 1],\n outputRange: [0, 1],\n extrapolate: 'clamp',\n }),\n next\n ? next.progress.interpolate({\n inputRange: [0, 1],\n outputRange: [0, 1],\n extrapolate: 'clamp',\n })\n : 0\n );\n\n const opacity = progress.interpolate({\n inputRange: [0, 1, 2],\n outputRange: [0, 1, 0],\n });\n\n return {\n leftButtonStyle: { opacity },\n rightButtonStyle: { opacity },\n titleStyle: { opacity },\n backgroundStyle: {\n opacity: progress.interpolate({\n inputRange: [0, 1, 1.9, 2],\n outputRange: [0, 1, 1, 0],\n }),\n },\n };\n}\n\n/**\n * Simple translate animation to translate the header to left.\n */\nexport function forSlideLeft({\n current,\n next,\n layouts: { screen },\n}: StackHeaderInterpolationProps): StackHeaderInterpolatedStyle {\n const progress = add(\n current.progress.interpolate({\n inputRange: [0, 1],\n outputRange: [0, 1],\n extrapolate: 'clamp',\n }),\n next\n ? next.progress.interpolate({\n inputRange: [0, 1],\n outputRange: [0, 1],\n extrapolate: 'clamp',\n })\n : 0\n );\n\n const translateX = progress.interpolate({\n inputRange: [0, 1, 2],\n outputRange: I18nManager.getConstants().isRTL\n ? [-screen.width, 0, screen.width]\n : [screen.width, 0, -screen.width],\n });\n\n const transform = [{ translateX }];\n\n return {\n leftButtonStyle: { transform },\n rightButtonStyle: { transform },\n titleStyle: { transform },\n backgroundStyle: { transform },\n };\n}\n\n/**\n * Simple translate animation to translate the header to right.\n */\nexport function forSlideRight({\n current,\n next,\n layouts: { screen },\n}: StackHeaderInterpolationProps): StackHeaderInterpolatedStyle {\n const progress = add(\n current.progress.interpolate({\n inputRange: [0, 1],\n outputRange: [0, 1],\n extrapolate: 'clamp',\n }),\n next\n ? next.progress.interpolate({\n inputRange: [0, 1],\n outputRange: [0, 1],\n extrapolate: 'clamp',\n })\n : 0\n );\n\n const translateX = progress.interpolate({\n inputRange: [0, 1, 2],\n outputRange: I18nManager.getConstants().isRTL\n ? [screen.width, 0, -screen.width]\n : [-screen.width, 0, screen.width],\n });\n\n const transform = [{ translateX }];\n\n return {\n leftButtonStyle: { transform },\n rightButtonStyle: { transform },\n titleStyle: { transform },\n backgroundStyle: { transform },\n };\n}\n\n/**\n * Simple translate animation to translate the header to slide up.\n */\nexport function forSlideUp({\n current,\n next,\n layouts: { header },\n}: StackHeaderInterpolationProps): StackHeaderInterpolatedStyle {\n const progress = add(\n current.progress.interpolate({\n inputRange: [0, 1],\n outputRange: [0, 1],\n extrapolate: 'clamp',\n }),\n next\n ? next.progress.interpolate({\n inputRange: [0, 1],\n outputRange: [0, 1],\n extrapolate: 'clamp',\n })\n : 0\n );\n\n const translateY = progress.interpolate({\n inputRange: [0, 1, 2],\n outputRange: [-header.height, 0, -header.height],\n });\n\n const transform = [{ translateY }];\n\n return {\n leftButtonStyle: { transform },\n rightButtonStyle: { transform },\n titleStyle: { transform },\n backgroundStyle: { transform },\n };\n}\n\nexport function forNoAnimation(): StackHeaderInterpolatedStyle {\n return {};\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["Animated","I18nManager","add","forUIKit","current","next","layouts","defaultOffset","leftSpacing","leftLabelOffset","leftLabel","screen","width","titleLeftOffset","title","rightOffset","progress","interpolate","inputRange","outputRange","extrapolate","leftButtonStyle","opacity","leftLabelStyle","transform","translateX","getConstants","isRTL","rightButtonStyle","titleStyle","backgroundStyle","forFade","forSlideLeft","forSlideRight","forSlideUp","header","translateY","height","forNoAnimation"],"sourceRoot":"../../src","sources":["HeaderStyleInterpolators.tsx"],"mappings":"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"}
|
|
@@ -4,10 +4,10 @@ import { forFade } from './HeaderStyleInterpolators';
|
|
|
4
4
|
import { BottomSheetSlideInSpec, BottomSheetSlideOutSpec, FadeInFromBottomAndroidSpec, FadeOutToBottomAndroidSpec, RevealFromBottomAndroidSpec, ScaleFromCenterAndroidSpec, TransitionIOSSpec } from './TransitionSpecs';
|
|
5
5
|
const ANDROID_VERSION_PIE = 28;
|
|
6
6
|
const ANDROID_VERSION_10 = 29;
|
|
7
|
+
|
|
7
8
|
/**
|
|
8
9
|
* Standard iOS navigation transition.
|
|
9
10
|
*/
|
|
10
|
-
|
|
11
11
|
export const SlideFromRightIOS = {
|
|
12
12
|
gestureDirection: 'horizontal',
|
|
13
13
|
transitionSpec: {
|
|
@@ -17,10 +17,10 @@ export const SlideFromRightIOS = {
|
|
|
17
17
|
cardStyleInterpolator: forHorizontalIOS,
|
|
18
18
|
headerStyleInterpolator: forFade
|
|
19
19
|
};
|
|
20
|
+
|
|
20
21
|
/**
|
|
21
22
|
* Standard iOS navigation transition for modals.
|
|
22
23
|
*/
|
|
23
|
-
|
|
24
24
|
export const ModalSlideFromBottomIOS = {
|
|
25
25
|
gestureDirection: 'vertical',
|
|
26
26
|
transitionSpec: {
|
|
@@ -30,10 +30,10 @@ export const ModalSlideFromBottomIOS = {
|
|
|
30
30
|
cardStyleInterpolator: forVerticalIOS,
|
|
31
31
|
headerStyleInterpolator: forFade
|
|
32
32
|
};
|
|
33
|
+
|
|
33
34
|
/**
|
|
34
35
|
* Standard iOS modal presentation style (introduced in iOS 13).
|
|
35
36
|
*/
|
|
36
|
-
|
|
37
37
|
export const ModalPresentationIOS = {
|
|
38
38
|
gestureDirection: 'vertical',
|
|
39
39
|
transitionSpec: {
|
|
@@ -43,10 +43,10 @@ export const ModalPresentationIOS = {
|
|
|
43
43
|
cardStyleInterpolator: forModalPresentationIOS,
|
|
44
44
|
headerStyleInterpolator: forFade
|
|
45
45
|
};
|
|
46
|
+
|
|
46
47
|
/**
|
|
47
48
|
* Standard Android navigation transition when opening or closing an Activity on Android < 9 (Oreo).
|
|
48
49
|
*/
|
|
49
|
-
|
|
50
50
|
export const FadeFromBottomAndroid = {
|
|
51
51
|
gestureDirection: 'vertical',
|
|
52
52
|
transitionSpec: {
|
|
@@ -56,10 +56,10 @@ export const FadeFromBottomAndroid = {
|
|
|
56
56
|
cardStyleInterpolator: forFadeFromBottomAndroid,
|
|
57
57
|
headerStyleInterpolator: forFade
|
|
58
58
|
};
|
|
59
|
+
|
|
59
60
|
/**
|
|
60
61
|
* Standard Android navigation transition when opening or closing an Activity on Android 9 (Pie).
|
|
61
62
|
*/
|
|
62
|
-
|
|
63
63
|
export const RevealFromBottomAndroid = {
|
|
64
64
|
gestureDirection: 'vertical',
|
|
65
65
|
transitionSpec: {
|
|
@@ -69,10 +69,10 @@ export const RevealFromBottomAndroid = {
|
|
|
69
69
|
cardStyleInterpolator: forRevealFromBottomAndroid,
|
|
70
70
|
headerStyleInterpolator: forFade
|
|
71
71
|
};
|
|
72
|
+
|
|
72
73
|
/**
|
|
73
74
|
* Standard Android navigation transition when opening or closing an Activity on Android 10 (Q).
|
|
74
75
|
*/
|
|
75
|
-
|
|
76
76
|
export const ScaleFromCenterAndroid = {
|
|
77
77
|
gestureDirection: 'horizontal',
|
|
78
78
|
transitionSpec: {
|
|
@@ -82,10 +82,10 @@ export const ScaleFromCenterAndroid = {
|
|
|
82
82
|
cardStyleInterpolator: forScaleFromCenterAndroid,
|
|
83
83
|
headerStyleInterpolator: forFade
|
|
84
84
|
};
|
|
85
|
+
|
|
85
86
|
/**
|
|
86
87
|
* Standard bottom sheet slide transition for Android 10.
|
|
87
88
|
*/
|
|
88
|
-
|
|
89
89
|
export const BottomSheetAndroid = {
|
|
90
90
|
gestureDirection: 'vertical',
|
|
91
91
|
transitionSpec: {
|
|
@@ -95,10 +95,10 @@ export const BottomSheetAndroid = {
|
|
|
95
95
|
cardStyleInterpolator: forBottomSheetAndroid,
|
|
96
96
|
headerStyleInterpolator: forFade
|
|
97
97
|
};
|
|
98
|
+
|
|
98
99
|
/**
|
|
99
100
|
* Fade transition for transparent modals.
|
|
100
101
|
*/
|
|
101
|
-
|
|
102
102
|
export const ModalFadeTransition = {
|
|
103
103
|
gestureDirection: 'vertical',
|
|
104
104
|
transitionSpec: {
|
|
@@ -108,19 +108,19 @@ export const ModalFadeTransition = {
|
|
|
108
108
|
cardStyleInterpolator: forFadeCard,
|
|
109
109
|
headerStyleInterpolator: forFade
|
|
110
110
|
};
|
|
111
|
+
|
|
111
112
|
/**
|
|
112
113
|
* Default navigation transition for the current platform.
|
|
113
114
|
*/
|
|
114
|
-
|
|
115
115
|
export const DefaultTransition = Platform.select({
|
|
116
116
|
ios: SlideFromRightIOS,
|
|
117
117
|
android: Platform.Version >= ANDROID_VERSION_10 ? ScaleFromCenterAndroid : Platform.Version >= ANDROID_VERSION_PIE ? RevealFromBottomAndroid : FadeFromBottomAndroid,
|
|
118
118
|
default: ScaleFromCenterAndroid
|
|
119
119
|
});
|
|
120
|
+
|
|
120
121
|
/**
|
|
121
122
|
* Default modal transition for the current platform.
|
|
122
123
|
*/
|
|
123
|
-
|
|
124
124
|
export const ModalTransition = Platform.select({
|
|
125
125
|
ios: ModalPresentationIOS,
|
|
126
126
|
default: BottomSheetAndroid
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","forBottomSheetAndroid","forFadeFromBottomAndroid","forFadeFromCenter","forFadeCard","forHorizontalIOS","forModalPresentationIOS","forRevealFromBottomAndroid","forScaleFromCenterAndroid","forVerticalIOS","forFade","BottomSheetSlideInSpec","BottomSheetSlideOutSpec","FadeInFromBottomAndroidSpec","FadeOutToBottomAndroidSpec","RevealFromBottomAndroidSpec","ScaleFromCenterAndroidSpec","TransitionIOSSpec","ANDROID_VERSION_PIE","ANDROID_VERSION_10","SlideFromRightIOS","gestureDirection","transitionSpec","open","close","cardStyleInterpolator","headerStyleInterpolator","ModalSlideFromBottomIOS","ModalPresentationIOS","FadeFromBottomAndroid","RevealFromBottomAndroid","ScaleFromCenterAndroid","BottomSheetAndroid","ModalFadeTransition","DefaultTransition","select","ios","android","Version","default","ModalTransition"],"
|
|
1
|
+
{"version":3,"names":["Platform","forBottomSheetAndroid","forFadeFromBottomAndroid","forFadeFromCenter","forFadeCard","forHorizontalIOS","forModalPresentationIOS","forRevealFromBottomAndroid","forScaleFromCenterAndroid","forVerticalIOS","forFade","BottomSheetSlideInSpec","BottomSheetSlideOutSpec","FadeInFromBottomAndroidSpec","FadeOutToBottomAndroidSpec","RevealFromBottomAndroidSpec","ScaleFromCenterAndroidSpec","TransitionIOSSpec","ANDROID_VERSION_PIE","ANDROID_VERSION_10","SlideFromRightIOS","gestureDirection","transitionSpec","open","close","cardStyleInterpolator","headerStyleInterpolator","ModalSlideFromBottomIOS","ModalPresentationIOS","FadeFromBottomAndroid","RevealFromBottomAndroid","ScaleFromCenterAndroid","BottomSheetAndroid","ModalFadeTransition","DefaultTransition","select","ios","android","Version","default","ModalTransition"],"sourceRoot":"../../src","sources":["TransitionPresets.tsx"],"mappings":"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"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { Easing } from 'react-native';
|
|
2
|
-
|
|
3
2
|
/**
|
|
4
3
|
* Exact values from UINavigationController's animation configuration.
|
|
5
4
|
*/
|
|
@@ -14,11 +13,11 @@ export const TransitionIOSSpec = {
|
|
|
14
13
|
restSpeedThreshold: 10
|
|
15
14
|
}
|
|
16
15
|
};
|
|
16
|
+
|
|
17
17
|
/**
|
|
18
18
|
* Configuration for activity open animation from Android Nougat.
|
|
19
19
|
* See http://aosp.opersys.com/xref/android-7.1.2_r37/xref/frameworks/base/core/res/res/anim/activity_open_enter.xml
|
|
20
20
|
*/
|
|
21
|
-
|
|
22
21
|
export const FadeInFromBottomAndroidSpec = {
|
|
23
22
|
animation: 'timing',
|
|
24
23
|
config: {
|
|
@@ -26,11 +25,11 @@ export const FadeInFromBottomAndroidSpec = {
|
|
|
26
25
|
easing: Easing.out(Easing.poly(5))
|
|
27
26
|
}
|
|
28
27
|
};
|
|
28
|
+
|
|
29
29
|
/**
|
|
30
30
|
* Configuration for activity close animation from Android Nougat.
|
|
31
31
|
* See http://aosp.opersys.com/xref/android-7.1.2_r37/xref/frameworks/base/core/res/res/anim/activity_close_exit.xml
|
|
32
32
|
*/
|
|
33
|
-
|
|
34
33
|
export const FadeOutToBottomAndroidSpec = {
|
|
35
34
|
animation: 'timing',
|
|
36
35
|
config: {
|
|
@@ -38,11 +37,11 @@ export const FadeOutToBottomAndroidSpec = {
|
|
|
38
37
|
easing: Easing.in(Easing.linear)
|
|
39
38
|
}
|
|
40
39
|
};
|
|
40
|
+
|
|
41
41
|
/**
|
|
42
42
|
* Approximate configuration for activity open animation from Android Pie.
|
|
43
43
|
* See http://aosp.opersys.com/xref/android-9.0.0_r47/xref/frameworks/base/core/res/res/anim/activity_open_enter.xml
|
|
44
44
|
*/
|
|
45
|
-
|
|
46
45
|
export const RevealFromBottomAndroidSpec = {
|
|
47
46
|
animation: 'timing',
|
|
48
47
|
config: {
|
|
@@ -52,11 +51,11 @@ export const RevealFromBottomAndroidSpec = {
|
|
|
52
51
|
easing: Easing.bezier(0.35, 0.45, 0, 1)
|
|
53
52
|
}
|
|
54
53
|
};
|
|
54
|
+
|
|
55
55
|
/**
|
|
56
56
|
* Approximate configuration for activity open animation from Android Q.
|
|
57
57
|
* See http://aosp.opersys.com/xref/android-10.0.0_r2/xref/frameworks/base/core/res/res/anim/activity_open_enter.xml
|
|
58
58
|
*/
|
|
59
|
-
|
|
60
59
|
export const ScaleFromCenterAndroidSpec = {
|
|
61
60
|
animation: 'timing',
|
|
62
61
|
config: {
|
|
@@ -66,11 +65,11 @@ export const ScaleFromCenterAndroidSpec = {
|
|
|
66
65
|
easing: Easing.bezier(0.35, 0.45, 0, 1)
|
|
67
66
|
}
|
|
68
67
|
};
|
|
68
|
+
|
|
69
69
|
/**
|
|
70
70
|
* Configuration for bottom sheet slide in animation from Material Design.
|
|
71
71
|
* See https://github.com/material-components/material-components-android/blob/fd3639092e1ffef9dc11bcedf79f32801d85e898/lib/java/com/google/android/material/bottomsheet/res/anim/mtrl_bottom_sheet_slide_in.xml
|
|
72
72
|
*/
|
|
73
|
-
|
|
74
73
|
export const BottomSheetSlideInSpec = {
|
|
75
74
|
animation: 'timing',
|
|
76
75
|
config: {
|
|
@@ -79,11 +78,11 @@ export const BottomSheetSlideInSpec = {
|
|
|
79
78
|
easing: t => Math.cos((t + 1) * Math.PI) / 2.0 + 0.5
|
|
80
79
|
}
|
|
81
80
|
};
|
|
81
|
+
|
|
82
82
|
/**
|
|
83
83
|
* Configuration for bottom sheet slide out animation from Material Design.
|
|
84
84
|
* See https://github.com/material-components/material-components-android/blob/fd3639092e1ffef9dc11bcedf79f32801d85e898/lib/java/com/google/android/material/bottomsheet/res/anim/mtrl_bottom_sheet_slide_in.xml
|
|
85
85
|
*/
|
|
86
|
-
|
|
87
86
|
export const BottomSheetSlideOutSpec = {
|
|
88
87
|
animation: 'timing',
|
|
89
88
|
config: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Easing","TransitionIOSSpec","animation","config","stiffness","damping","mass","overshootClamping","restDisplacementThreshold","restSpeedThreshold","FadeInFromBottomAndroidSpec","duration","easing","out","poly","FadeOutToBottomAndroidSpec","in","linear","RevealFromBottomAndroidSpec","bezier","ScaleFromCenterAndroidSpec","BottomSheetSlideInSpec","t","Math","cos","PI","BottomSheetSlideOutSpec","pow"],"
|
|
1
|
+
{"version":3,"names":["Easing","TransitionIOSSpec","animation","config","stiffness","damping","mass","overshootClamping","restDisplacementThreshold","restSpeedThreshold","FadeInFromBottomAndroidSpec","duration","easing","out","poly","FadeOutToBottomAndroidSpec","in","linear","RevealFromBottomAndroidSpec","bezier","ScaleFromCenterAndroidSpec","BottomSheetSlideInSpec","t","Math","cos","PI","BottomSheetSlideOutSpec","pow"],"sourceRoot":"../../src","sources":["TransitionSpecs.tsx"],"mappings":"AAAA,SAASA,MAAM,QAAQ,cAAc;AAIrC;AACA;AACA;AACA,OAAO,MAAMC,iBAAiC,GAAG;EAC/CC,SAAS,EAAE,QAAQ;EACnBC,MAAM,EAAE;IACNC,SAAS,EAAE,IAAI;IACfC,OAAO,EAAE,GAAG;IACZC,IAAI,EAAE,CAAC;IACPC,iBAAiB,EAAE,IAAI;IACvBC,yBAAyB,EAAE,EAAE;IAC7BC,kBAAkB,EAAE;EACtB;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMC,2BAA2C,GAAG;EACzDR,SAAS,EAAE,QAAQ;EACnBC,MAAM,EAAE;IACNQ,QAAQ,EAAE,GAAG;IACbC,MAAM,EAAEZ,MAAM,CAACa,GAAG,CAACb,MAAM,CAACc,IAAI,CAAC,CAAC,CAAC;EACnC;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMC,0BAA0C,GAAG;EACxDb,SAAS,EAAE,QAAQ;EACnBC,MAAM,EAAE;IACNQ,QAAQ,EAAE,GAAG;IACbC,MAAM,EAAEZ,MAAM,CAACgB,EAAE,CAAChB,MAAM,CAACiB,MAAM;EACjC;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMC,2BAA2C,GAAG;EACzDhB,SAAS,EAAE,QAAQ;EACnBC,MAAM,EAAE;IACNQ,QAAQ,EAAE,GAAG;IACb;IACA;IACAC,MAAM,EAAEZ,MAAM,CAACmB,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;EACxC;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMC,0BAA0C,GAAG;EACxDlB,SAAS,EAAE,QAAQ;EACnBC,MAAM,EAAE;IACNQ,QAAQ,EAAE,GAAG;IACb;IACA;IACAC,MAAM,EAAEZ,MAAM,CAACmB,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;EACxC;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAME,sBAAsC,GAAG;EACpDnB,SAAS,EAAE,QAAQ;EACnBC,MAAM,EAAE;IACNQ,QAAQ,EAAE,GAAG;IACb;IACAC,MAAM,EAAGU,CAAC,IAAKC,IAAI,CAACC,GAAG,CAAC,CAACF,CAAC,GAAG,CAAC,IAAIC,IAAI,CAACE,EAAE,CAAC,GAAG,GAAG,GAAG;EACrD;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMC,uBAAuC,GAAG;EACrDxB,SAAS,EAAE,QAAQ;EACnBC,MAAM,EAAE;IACNQ,QAAQ,EAAE,GAAG;IACb;IACAC,MAAM,EAAGU,CAAC,IAAMA,CAAC,KAAK,GAAG,GAAG,CAAC,GAAGC,IAAI,CAACI,GAAG,CAACL,CAAC,EAAE,CAAC;EAC/C;AACF,CAAC"}
|
package/lib/module/index.js
CHANGED
|
@@ -2,30 +2,31 @@ import * as CardStyleInterpolators from './TransitionConfigs/CardStyleInterpolat
|
|
|
2
2
|
import * as HeaderStyleInterpolators from './TransitionConfigs/HeaderStyleInterpolators';
|
|
3
3
|
import * as TransitionPresets from './TransitionConfigs/TransitionPresets';
|
|
4
4
|
import * as TransitionSpecs from './TransitionConfigs/TransitionSpecs';
|
|
5
|
+
|
|
5
6
|
/**
|
|
6
7
|
* Navigators
|
|
7
8
|
*/
|
|
8
|
-
|
|
9
9
|
export { default as createStackNavigator } from './navigators/createStackNavigator';
|
|
10
|
+
|
|
10
11
|
/**
|
|
11
12
|
* Views
|
|
12
13
|
*/
|
|
13
|
-
|
|
14
14
|
export { default as Header } from './views/Header/Header';
|
|
15
15
|
export { default as StackView } from './views/Stack/StackView';
|
|
16
|
+
|
|
16
17
|
/**
|
|
17
18
|
* Transition presets
|
|
18
19
|
*/
|
|
19
|
-
|
|
20
20
|
export { CardStyleInterpolators, HeaderStyleInterpolators, TransitionPresets, TransitionSpecs };
|
|
21
|
+
|
|
21
22
|
/**
|
|
22
23
|
* Utilities
|
|
23
24
|
*/
|
|
24
|
-
|
|
25
25
|
export { default as CardAnimationContext } from './utils/CardAnimationContext';
|
|
26
26
|
export { default as GestureHandlerRefContext } from './utils/GestureHandlerRefContext';
|
|
27
27
|
export { default as useCardAnimation } from './utils/useCardAnimation';
|
|
28
28
|
export { default as useGestureHandlerRef } from './utils/useGestureHandlerRef';
|
|
29
|
+
|
|
29
30
|
/**
|
|
30
31
|
* Types
|
|
31
32
|
*/
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["CardStyleInterpolators","HeaderStyleInterpolators","TransitionPresets","TransitionSpecs","default","createStackNavigator","Header","StackView","CardAnimationContext","GestureHandlerRefContext","useCardAnimation","useGestureHandlerRef"],"
|
|
1
|
+
{"version":3,"names":["CardStyleInterpolators","HeaderStyleInterpolators","TransitionPresets","TransitionSpecs","default","createStackNavigator","Header","StackView","CardAnimationContext","GestureHandlerRefContext","useCardAnimation","useGestureHandlerRef"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,OAAO,KAAKA,sBAAsB,MAAM,4CAA4C;AACpF,OAAO,KAAKC,wBAAwB,MAAM,8CAA8C;AACxF,OAAO,KAAKC,iBAAiB,MAAM,uCAAuC;AAC1E,OAAO,KAAKC,eAAe,MAAM,qCAAqC;;AAEtE;AACA;AACA;AACA,SAASC,OAAO,IAAIC,oBAAoB,QAAQ,mCAAmC;;AAEnF;AACA;AACA;AACA,SAASD,OAAO,IAAIE,MAAM,QAAQ,uBAAuB;AACzD,SAASF,OAAO,IAAIG,SAAS,QAAQ,yBAAyB;;AAE9D;AACA;AACA;AACA,SACEP,sBAAsB,EACtBC,wBAAwB,EACxBC,iBAAiB,EACjBC,eAAe;;AAGjB;AACA;AACA;AACA,SAASC,OAAO,IAAII,oBAAoB,QAAQ,8BAA8B;AAC9E,SAASJ,OAAO,IAAIK,wBAAwB,QAAQ,kCAAkC;AACtF,SAASL,OAAO,IAAIM,gBAAgB,QAAQ,0BAA0B;AACtE,SAASN,OAAO,IAAIO,oBAAoB,QAAQ,8BAA8B;;AAE9E;AACA;AACA"}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
3
2
|
import { createNavigatorFactory, StackActions, StackRouter, useNavigationBuilder } from '@react-navigation/native';
|
|
4
3
|
import * as React from 'react';
|
|
5
4
|
import warnOnce from 'warn-once';
|
|
6
5
|
import StackView from '../views/Stack/StackView';
|
|
7
|
-
|
|
8
6
|
function StackNavigator(_ref) {
|
|
9
7
|
let {
|
|
10
8
|
id,
|
|
@@ -16,12 +14,14 @@ function StackNavigator(_ref) {
|
|
|
16
14
|
} = _ref;
|
|
17
15
|
// @ts-expect-error: mode is deprecated
|
|
18
16
|
const mode = rest.mode;
|
|
19
|
-
warnOnce(mode != null, `Stack Navigator: 'mode="${mode}"' is deprecated. Use 'presentation: "${mode}"' in 'screenOptions' instead.\n\nSee https://reactnavigation.org/docs/stack-navigator#presentation for more details.`);
|
|
17
|
+
warnOnce(mode != null, `Stack Navigator: 'mode="${mode}"' is deprecated. Use 'presentation: "${mode}"' in 'screenOptions' instead.\n\nSee https://reactnavigation.org/docs/stack-navigator#presentation for more details.`);
|
|
20
18
|
|
|
19
|
+
// @ts-expect-error: headerMode='none' is deprecated
|
|
21
20
|
const headerMode = rest.headerMode;
|
|
22
21
|
warnOnce(headerMode === 'none', `Stack Navigator: 'headerMode="none"' is deprecated. Use 'headerShown: false' in 'screenOptions' instead.\n\nSee https://reactnavigation.org/docs/stack-navigator/#headershown for more details.`);
|
|
23
|
-
warnOnce(headerMode != null && headerMode !== 'none', `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.`);
|
|
22
|
+
warnOnce(headerMode != null && headerMode !== 'none', `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.`);
|
|
24
23
|
|
|
24
|
+
// @ts-expect-error: headerMode='none' is deprecated
|
|
25
25
|
const keyboardHandlingEnabled = rest.keyboardHandlingEnabled;
|
|
26
26
|
warnOnce(keyboardHandlingEnabled !== undefined, `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.`);
|
|
27
27
|
const defaultScreenOptions = {
|
|
@@ -45,17 +45,18 @@ function StackNavigator(_ref) {
|
|
|
45
45
|
});
|
|
46
46
|
React.useEffect(() => {
|
|
47
47
|
var _navigation$addListen;
|
|
48
|
-
|
|
49
48
|
return (// @ts-expect-error: there may not be a tab navigator in parent
|
|
50
49
|
(_navigation$addListen = navigation.addListener) === null || _navigation$addListen === void 0 ? void 0 : _navigation$addListen.call(navigation, 'tabPress', e => {
|
|
51
|
-
const isFocused = navigation.isFocused();
|
|
52
|
-
// This is necessary to know if preventDefault() has been called
|
|
50
|
+
const isFocused = navigation.isFocused();
|
|
53
51
|
|
|
52
|
+
// Run the operation in the next frame so we're sure all listeners have been run
|
|
53
|
+
// This is necessary to know if preventDefault() has been called
|
|
54
54
|
requestAnimationFrame(() => {
|
|
55
55
|
if (state.index > 0 && isFocused && !e.defaultPrevented) {
|
|
56
56
|
// When user taps on already focused tab and we're inside the tab,
|
|
57
57
|
// reset the stack to replicate native behaviour
|
|
58
|
-
navigation.dispatch({
|
|
58
|
+
navigation.dispatch({
|
|
59
|
+
...StackActions.popToTop(),
|
|
59
60
|
target: state.key
|
|
60
61
|
});
|
|
61
62
|
}
|
|
@@ -69,6 +70,5 @@ function StackNavigator(_ref) {
|
|
|
69
70
|
navigation: navigation
|
|
70
71
|
})));
|
|
71
72
|
}
|
|
72
|
-
|
|
73
73
|
export default createNavigatorFactory(StackNavigator);
|
|
74
74
|
//# sourceMappingURL=createStackNavigator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createNavigatorFactory","StackActions","StackRouter","useNavigationBuilder","React","warnOnce","StackView","StackNavigator","id","initialRouteName","children","screenListeners","screenOptions","rest","mode","headerMode","keyboardHandlingEnabled","undefined","defaultScreenOptions","presentation","headerShown","state","descriptors","navigation","NavigationContent","useEffect","addListener","e","isFocused","requestAnimationFrame","index","defaultPrevented","dispatch","popToTop","target","key"],"
|
|
1
|
+
{"version":3,"names":["createNavigatorFactory","StackActions","StackRouter","useNavigationBuilder","React","warnOnce","StackView","StackNavigator","id","initialRouteName","children","screenListeners","screenOptions","rest","mode","headerMode","keyboardHandlingEnabled","undefined","defaultScreenOptions","presentation","headerShown","state","descriptors","navigation","NavigationContent","useEffect","addListener","e","isFocused","requestAnimationFrame","index","defaultPrevented","dispatch","popToTop","target","key"],"sourceRoot":"../../src","sources":["createStackNavigator.tsx"],"mappings":";AAAA,SACEA,sBAAsB,EAKtBC,YAAY,EAEZC,WAAW,EAEXC,oBAAoB,QACf,0BAA0B;AACjC,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,OAAOC,QAAQ,MAAM,WAAW;AAQhC,OAAOC,SAAS,MAAM,0BAA0B;AAWhD,SAASC,cAAc,OAOb;EAAA,IAPc;IACtBC,EAAE;IACFC,gBAAgB;IAChBC,QAAQ;IACRC,eAAe;IACfC,aAAa;IACb,GAAGC;EACE,CAAC;EACN;EACA,MAAMC,IAAI,GAAGD,IAAI,CAACC,IAAoC;EAEtDT,QAAQ,CACNS,IAAI,IAAI,IAAI,EACX,2BAA0BA,IAAK,yCAAwCA,IAAK,uHAAsH,CACpM;;EAED;EACA,MAAMC,UAAU,GAAGF,IAAI,CAACE,UAAkD;EAE1EV,QAAQ,CACNU,UAAU,KAAK,MAAM,EACpB,iMAAgM,CAClM;EAEDV,QAAQ,CACNU,UAAU,IAAI,IAAI,IAAIA,UAAU,KAAK,MAAM,EAC1C,kMAAiM,CACnM;;EAED;EACA,MAAMC,uBAAuB,GAAGH,IAAI,CAACG,uBAAuB;EAE5DX,QAAQ,CACNW,uBAAuB,KAAKC,SAAS,EACpC,4NAA2N,CAC7N;EAED,MAAMC,oBAA4C,GAAG;IACnDC,YAAY,EAAEL,IAAI;IAClBM,WAAW,EAAEL,UAAU,GAAGA,UAAU,KAAK,MAAM,GAAG,IAAI;IACtDA,UAAU,EAAEA,UAAU,IAAIA,UAAU,KAAK,MAAM,GAAGA,UAAU,GAAGE,SAAS;IACxED;EACF,CAAC;EAED,MAAM;IAAEK,KAAK;IAAEC,WAAW;IAAEC,UAAU;IAAEC;EAAkB,CAAC,GACzDrB,oBAAoB,CAMlBD,WAAW,EAAE;IACbM,EAAE;IACFC,gBAAgB;IAChBC,QAAQ;IACRC,eAAe;IACfC,aAAa;IACbM;EACF,CAAC,CAAC;EAEJd,KAAK,CAACqB,SAAS,CACb;IAAA;IAAA,OACE;MAAA,yBACAF,UAAU,CAACG,WAAW,0DAAtB,2BAAAH,UAAU,EAAe,UAAU,EAAGI,CAAC,IAAK;QAC1C,MAAMC,SAAS,GAAGL,UAAU,CAACK,SAAS,EAAE;;QAExC;QACA;QACAC,qBAAqB,CAAC,MAAM;UAC1B,IACER,KAAK,CAACS,KAAK,GAAG,CAAC,IACfF,SAAS,IACT,CAAED,CAAC,CAA2CI,gBAAgB,EAC9D;YACA;YACA;YACAR,UAAU,CAACS,QAAQ,CAAC;cAClB,GAAG/B,YAAY,CAACgC,QAAQ,EAAE;cAC1BC,MAAM,EAAEb,KAAK,CAACc;YAChB,CAAC,CAAC;UACJ;QACF,CAAC,CAAC;MACJ,CAAC;IAAC;EAAA,GACJ,CAACZ,UAAU,EAAEF,KAAK,CAACS,KAAK,EAAET,KAAK,CAACc,GAAG,CAAC,CACrC;EAED,oBACE,oBAAC,iBAAiB,qBAChB,oBAAC,SAAS,eACJtB,IAAI;IACR,KAAK,EAAEQ,KAAM;IACb,WAAW,EAAEC,WAAY;IACzB,UAAU,EAAEC;EAAW,GACvB,CACgB;AAExB;AAEA,eAAevB,sBAAsB,CAKnCO,cAAc,CAAC"}
|
package/lib/module/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["types.tsx"],"sourcesContent":["import type {\n HeaderBackButton,\n HeaderBackButtonProps,\n HeaderButtonProps,\n HeaderOptions,\n HeaderTitleProps,\n} from '@react-navigation/elements';\nimport type {\n Descriptor,\n NavigationHelpers,\n NavigationProp,\n ParamListBase,\n Route,\n RouteProp,\n StackActionHelpers,\n StackNavigationState,\n} from '@react-navigation/native';\nimport type * as React from 'react';\nimport type { Animated, StyleProp, TextStyle, ViewStyle } from 'react-native';\n\nexport type StackNavigationEventMap = {\n /**\n * Event which fires when a transition animation starts.\n */\n transitionStart: { data: { closing: boolean } };\n /**\n * Event which fires when a transition animation ends.\n */\n transitionEnd: { data: { closing: boolean } };\n /**\n * Event which fires when navigation gesture starts.\n */\n gestureStart: { data: undefined };\n /**\n * Event which fires when navigation gesture is completed.\n */\n gestureEnd: { data: undefined };\n /**\n * Event which fires when navigation gesture is canceled.\n */\n gestureCancel: { data: undefined };\n};\n\nexport type StackNavigationHelpers = NavigationHelpers<\n ParamListBase,\n StackNavigationEventMap\n> &\n StackActionHelpers<ParamListBase>;\n\nexport type StackNavigationProp<\n ParamList extends ParamListBase,\n RouteName extends keyof ParamList = keyof ParamList,\n NavigatorID extends string | undefined = undefined\n> = NavigationProp<\n ParamList,\n RouteName,\n NavigatorID,\n StackNavigationState<ParamList>,\n StackNavigationOptions,\n StackNavigationEventMap\n> &\n StackActionHelpers<ParamList>;\n\nexport type StackScreenProps<\n ParamList extends ParamListBase,\n RouteName extends keyof ParamList = keyof ParamList,\n NavigatorID extends string | undefined = undefined\n> = {\n navigation: StackNavigationProp<ParamList, RouteName, NavigatorID>;\n route: RouteProp<ParamList, RouteName>;\n};\n\nexport type Layout = { width: number; height: number };\n\nexport type GestureDirection =\n | 'horizontal'\n | 'horizontal-inverted'\n | 'vertical'\n | 'vertical-inverted';\n\ntype SceneOptionsDefaults = TransitionPreset & {\n animationEnabled: boolean;\n gestureEnabled: boolean;\n cardOverlayEnabled: boolean;\n headerMode: StackHeaderMode;\n};\n\nexport type Scene = {\n /**\n * Route object for the current screen.\n */\n route: Route<string>;\n /**\n * Descriptor object for the screen.\n */\n descriptor: Omit<StackDescriptor, 'options'> & {\n options: Omit<StackDescriptor['options'], keyof SceneOptionsDefaults> &\n SceneOptionsDefaults;\n };\n /**\n * Animated nodes representing the progress of the animation.\n */\n progress: SceneProgress;\n};\n\nexport type SceneProgress = {\n /**\n * Progress value of the current screen.\n */\n current: Animated.AnimatedInterpolation;\n /**\n * Progress value for the screen after this one in the stack.\n * This can be `undefined` in case the screen animating is the last one.\n */\n next?: Animated.AnimatedInterpolation;\n /**\n * Progress value for the screen before this one in the stack.\n * This can be `undefined` in case the screen animating is the first one.\n */\n previous?: Animated.AnimatedInterpolation;\n};\n\nexport type StackHeaderMode = 'float' | 'screen';\n\nexport type StackPresentationMode = 'card' | 'modal';\n\nexport type StackHeaderOptions = Omit<\n HeaderOptions,\n 'headerLeft' | 'headerTitle' | 'headerRight'\n> & {\n /**\n * String or a function that returns a React Element to be used by the header.\n * Defaults to screen `title` or route name.\n *\n * It receives `allowFontScaling`, `tintColor`, `style` and `children` in the options object as an argument.\n * The title string is passed in `children`.\n */\n headerTitle?: string | ((props: HeaderTitleProps) => React.ReactNode);\n /**\n * Function which returns a React Element to display on the left side of the header.\n */\n headerLeft?: (props: HeaderBackButtonProps) => React.ReactNode;\n /**\n * Function which returns a React Element to display on the right side of the header.\n */\n headerRight?: (props: HeaderButtonProps) => React.ReactNode;\n /**\n * Whether back button title font should scale to respect Text Size accessibility settings. Defaults to `false`.\n */\n headerBackAllowFontScaling?: boolean;\n /**\n * Accessibility label for the header back button.\n */\n headerBackAccessibilityLabel?: string;\n /**\n * ID to locate this back button in tests.\n */\n headerBackTestID?: string;\n /**\n * Title string used by the back button on iOS.\n * Defaults to the previous screen's title, or \"Back\" if there's not enough space.\n * Use `headerBackTitleVisible: false` to hide it.\n */\n headerBackTitle?: string;\n /**\n * Whether the back button title should be visible or not.\n *\n * Defaults to `true` on iOS, `false on Android.\n */\n headerBackTitleVisible?: boolean;\n /**\n * Style object for the back title.\n */\n headerBackTitleStyle?: StyleProp<TextStyle>;\n /**\n * Title string used by the back button when `headerBackTitle` doesn't fit on the screen. `\"Back\"` by default.\n */\n headerTruncatedBackTitle?: string;\n /**\n * Function which returns a React Element to display custom image in header's back button.\n * It receives the `tintColor` in in the options object as an argument. object.\n * Defaults to Image component with a the default back icon image for the platform (a chevron on iOS and an arrow on Android).\n */\n headerBackImage?: React.ComponentProps<typeof HeaderBackButton>['backImage'];\n};\n\nexport type StackHeaderProps = {\n /**\n * Layout of the screen.\n */\n layout: Layout;\n /**\n * Options for the back button.\n */\n back?: {\n /**\n * Title of the previous screen.\n */\n title: string;\n };\n /**\n * Animated nodes representing the progress of the animation.\n */\n progress: SceneProgress;\n /**\n * Options for the current screen.\n */\n options: StackNavigationOptions;\n /**\n * Route object for the current screen.\n */\n route: Route<string>;\n /**\n * Navigation prop for the header.\n */\n navigation: StackNavigationProp<ParamListBase>;\n /**\n * Interpolated styles for various elements in the header.\n */\n styleInterpolator: StackHeaderStyleInterpolator;\n};\n\nexport type StackDescriptor = Descriptor<\n StackNavigationOptions,\n StackNavigationProp<ParamListBase>,\n RouteProp<ParamListBase>\n>;\n\nexport type StackDescriptorMap = Record<string, StackDescriptor>;\n\nexport type StackNavigationOptions = StackHeaderOptions &\n Partial<TransitionPreset> & {\n /**\n * String that can be displayed in the header as a fallback for `headerTitle`.\n */\n title?: string;\n /**\n * Function that given `HeaderProps` returns a React Element to display as a header.\n */\n header?: (props: StackHeaderProps) => React.ReactNode;\n /**\n * Whether the header floats above the screen or part of the screen.\n * Defaults to `float` on iOS for non-modals, and `screen` for the rest.\n */\n headerMode?: StackHeaderMode;\n /**\n * Whether to show the header. The header is shown by default.\n * Setting this to `false` hides the header.\n */\n headerShown?: boolean;\n /**\n * Whether a shadow is visible for the card during transitions. Defaults to `true`.\n */\n cardShadowEnabled?: boolean;\n /**\n * Whether to have a semi-transparent dark overlay visible under the card during transitions.\n * Defaults to `true` on Android and `false` on iOS.\n */\n cardOverlayEnabled?: boolean;\n /**\n * Function that returns a React Element to display as a overlay for the card.\n */\n cardOverlay?: (props: {\n style: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;\n }) => React.ReactNode;\n /**\n * Style object for the card in stack.\n * You can provide a custom background color to use instead of the default background here.\n *\n * You can also specify `{ backgroundColor: 'transparent' }` to make the previous screen visible underneath.\n * This is useful to implement things like modal dialogs.\n *\n * You should also specify `detachPreviousScreen: false` in options when using a transparent background\n * so that the previous screen isn't detached and stays below the current screen.\n *\n * You might also need to change the animation of the screen using `cardStyleInterpolator`\n * so that the previous screen isn't transformed or invisible.\n */\n cardStyle?: StyleProp<ViewStyle>;\n /**\n * Whether this screen should be presented as a modal or a regular card.\n *\n * Specifying this will configure several options:\n * - `card`: Use the default OS animations for iOS and Android screen transitions.\n * - `modal`: Use Modal animations. This changes a few things:\n * - Sets `headerMode` to `screen` for the screen unless specified otherwise.\n * - Changes the screen animation to match the platform behavior for modals.\n * - `transparentModal`: Similar to `modal`. This changes following things:\n * - Sets `headerMode` to `screen` for the screen unless specified otherwise.\n * - Sets background color of the screen to transparent, so previous screen is visible\n * - Adjusts the `detachPreviousScreen` option so that the previous screen stays rendered.\n * - Prevents the previous screen from animating from its last position.\n * - Changes the screen animation to a vertical slide animation.\n *\n * Defaults to 'card'.\n */\n presentation?: 'card' | 'modal' | 'transparentModal';\n /**\n * Whether transition animation should be enabled the screen.\n * If you set it to `false`, the screen won't animate when pushing or popping.\n * Defaults to `true` on Android and iOS, `false` on Web.\n */\n animationEnabled?: boolean;\n /**\n * The type of animation to use when this screen replaces another screen. Defaults to `push`.\n * When `pop` is used, the `pop` animation is applied to the screen being replaced.\n */\n animationTypeForReplace?: 'push' | 'pop';\n /**\n * Whether you can use gestures to dismiss this screen. Defaults to `true` on iOS, `false` on Android.\n * Not supported on Web.\n */\n gestureEnabled?: boolean;\n /**\n * Distance of touch start from the edge of the screen to recognize gestures.\n * Not supported on Web.\n */\n gestureResponseDistance?: number;\n /**\n * Number which determines the relevance of velocity for the gesture. Defaults to 0.3.\n * Not supported on Web.\n */\n gestureVelocityImpact?: number;\n /**\n * Whether to detach the previous screen from the view hierarchy to save memory.\n * Set it to `false` if you need the previous screen to be seen through the active screen.\n * Only applicable if `detachInactiveScreens` isn't set to `false`.\n * Defaults to `false` for the last screen for modals, otherwise `true`.\n */\n detachPreviousScreen?: boolean;\n /**\n * If `false`, the keyboard will NOT automatically dismiss when navigating to a new screen from this screen.\n * Defaults to `true`.\n */\n keyboardHandlingEnabled?: boolean;\n /**\n * Whether inactive screens should be suspended from re-rendering. Defaults to `false`.\n * Defaults to `true` when `enableFreeze()` is run at the top of the application.\n * Requires `react-native-screens` version >=3.16.0.\n *\n * Only supported on iOS and Android.\n */\n freezeOnBlur?: boolean;\n };\n\nexport type StackNavigationConfig = {\n /**\n * Whether inactive screens should be detached from the view hierarchy to save memory.\n * This will have no effect if you disable `react-native-screens`.\n *\n * Defaults to `true`.\n */\n detachInactiveScreens?: boolean;\n};\n\nexport type TransitionSpec =\n | {\n animation: 'spring';\n config: Omit<\n Animated.SpringAnimationConfig,\n 'toValue' | keyof Animated.AnimationConfig\n >;\n }\n | {\n animation: 'timing';\n config: Omit<\n Animated.TimingAnimationConfig,\n 'toValue' | keyof Animated.AnimationConfig\n >;\n };\n\nexport type StackCardInterpolationProps = {\n /**\n * Values for the current screen.\n */\n current: {\n /**\n * Animated node representing the progress value of the current screen.\n */\n progress: Animated.AnimatedInterpolation;\n };\n /**\n * Values for the screen after this one in the stack.\n * This can be `undefined` in case the screen animating is the last one.\n */\n next?: {\n /**\n * Animated node representing the progress value of the next screen.\n */\n progress: Animated.AnimatedInterpolation;\n };\n /**\n * The index of the card with this interpolation in the stack.\n */\n index: number;\n /**\n * Animated node representing whether the card is closing (1 - closing, 0 - not closing).\n */\n closing: Animated.AnimatedInterpolation;\n /**\n * Animated node representing whether the card is being swiped (1 - swiping, 0 - not swiping).\n */\n swiping: Animated.AnimatedInterpolation;\n /**\n * Animated node representing multiplier when direction is inverted (-1 - inverted, 1 - normal).\n */\n inverted: Animated.AnimatedInterpolation;\n /**\n * Layout measurements for various items we use for animation.\n */\n layouts: {\n /**\n * Layout of the whole screen.\n */\n screen: Layout;\n };\n /**\n * Safe area insets\n */\n insets: {\n top: number;\n right: number;\n bottom: number;\n left: number;\n };\n};\n\nexport type StackCardInterpolatedStyle = {\n /**\n * Interpolated style for the container view wrapping the card.\n */\n containerStyle?: any;\n /**\n * Interpolated style for the view representing the card.\n */\n cardStyle?: any;\n /**\n * Interpolated style for the view representing the semi-transparent overlay below the card.\n */\n overlayStyle?: any;\n /**\n * Interpolated style representing the card shadow.\n */\n shadowStyle?: any;\n};\n\nexport type StackCardStyleInterpolator = (\n props: StackCardInterpolationProps\n) => StackCardInterpolatedStyle;\n\nexport type StackHeaderInterpolationProps = {\n /**\n * Values for the current screen (the screen which owns this header).\n */\n current: {\n /**\n * Animated node representing the progress value of the current screen.\n */\n progress: Animated.AnimatedInterpolation;\n };\n /**\n * Values for the screen after this one in the stack.\n * This can be `undefined` in case the screen animating is the last one.\n */\n next?: {\n /**\n * Animated node representing the progress value of the next screen.\n */\n progress: Animated.AnimatedInterpolation;\n };\n /**\n * Layout measurements for various items we use for animation.\n */\n layouts: {\n /**\n * Layout of the header\n */\n header: Layout;\n /**\n * Layout of the whole screen.\n */\n screen: Layout;\n /**\n * Layout of the title element.\n */\n title?: Layout;\n /**\n * Layout of the back button label.\n */\n leftLabel?: Layout;\n };\n};\n\nexport type StackHeaderInterpolatedStyle = {\n /**\n * Interpolated style for the label of the left button (back button label).\n */\n leftLabelStyle?: any;\n /**\n * Interpolated style for the left button (usually the back button).\n */\n leftButtonStyle?: any;\n /**\n * Interpolated style for the right button.\n */\n rightButtonStyle?: any;\n /**\n * Interpolated style for the header title text.\n */\n titleStyle?: any;\n /**\n * Interpolated style for the header background.\n */\n backgroundStyle?: any;\n};\n\nexport type StackHeaderStyleInterpolator = (\n props: StackHeaderInterpolationProps\n) => StackHeaderInterpolatedStyle;\n\nexport type TransitionPreset = {\n /**\n * The direction of swipe gestures, `horizontal` or `vertical`.\n */\n gestureDirection: GestureDirection;\n /**\n * Object which specifies the animation type (timing or spring) and their options (such as duration for timing).\n */\n transitionSpec: {\n /**\n * Transition configuration when adding a screen.\n */\n open: TransitionSpec;\n /**\n * Transition configuration when removing a screen.\n */\n close: TransitionSpec;\n };\n /**\n * Function which specifies interpolated styles for various parts of the card, e.g. the overlay, shadow etc.\n */\n cardStyleInterpolator: StackCardStyleInterpolator;\n /**\n * Function which specifies interpolated styles for various parts of the header, e.g. the title, left button etc.\n */\n headerStyleInterpolator: StackHeaderStyleInterpolator;\n};\n"],"mappings":""}
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.tsx"],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","createContext","undefined"],"
|
|
1
|
+
{"version":3,"names":["React","createContext","undefined"],"sourceRoot":"../../src","sources":["CardAnimationContext.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAI9B,4BAAeA,KAAK,CAACC,aAAa,CAChCC,SAAS,CACV"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","createContext"],"
|
|
1
|
+
{"version":3,"names":["React","createContext"],"sourceRoot":"../../src","sources":["GestureHandlerRefContext.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,4BAAeA,KAAK,CAACC,aAAa,CAExB,IAAI,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","ModalPresentationContext","createContext"],"
|
|
1
|
+
{"version":3,"names":["React","ModalPresentationContext","createContext"],"sourceRoot":"../../src","sources":["ModalPresentationContext.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,MAAMC,wBAAwB,gBAAGD,KAAK,CAACE,aAAa,CAAC,KAAK,CAAC;AAE3D,eAAeD,wBAAwB"}
|
|
@@ -3,6 +3,7 @@ const {
|
|
|
3
3
|
add,
|
|
4
4
|
multiply
|
|
5
5
|
} = Animated;
|
|
6
|
+
|
|
6
7
|
/**
|
|
7
8
|
* Use an Animated Node based on a condition. Similar to Reanimated's `cond`.
|
|
8
9
|
*
|
|
@@ -10,7 +11,6 @@ const {
|
|
|
10
11
|
* @param main Animated Node to use if the condition is `true`
|
|
11
12
|
* @param fallback Animated Node to use if the condition is `false`
|
|
12
13
|
*/
|
|
13
|
-
|
|
14
14
|
export default function conditional(condition, main, fallback) {
|
|
15
15
|
// To implement this behavior, we multiply the main node with the condition.
|
|
16
16
|
// So if condition is 0, result will be 0, and if condition is 1, result will be main node.
|