react-navigation-reanimated-top-tabs 0.8.0 → 0.9.0
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/components/ReanimatedTopTab/AnimationHelper.js +20 -25
- package/lib/commonjs/components/ReanimatedTopTab/AnimationHelper.js.map +1 -1
- package/lib/commonjs/components/ReanimatedTopTab/ReanimatedTabView.js +9 -10
- package/lib/commonjs/components/ReanimatedTopTab/ReanimatedTabView.js.map +1 -1
- package/lib/commonjs/components/ReanimatedTopTab/types.js.map +1 -1
- package/lib/commonjs/components/elements/TabBarBaseComponent.js +2 -10
- package/lib/commonjs/components/elements/TabBarBaseComponent.js.map +1 -1
- package/lib/commonjs/components/elements/TabBarBaseItem.js +6 -3
- package/lib/commonjs/components/elements/TabBarBaseItem.js.map +1 -1
- package/lib/commonjs/components/elements/TabBarLabelBaseComponent.js +3 -3
- package/lib/commonjs/components/elements/TabBarLabelBaseComponent.js.map +1 -1
- package/lib/commonjs/components/wrappers/GestureWrapper.js +27 -8
- package/lib/commonjs/components/wrappers/GestureWrapper.js.map +1 -1
- package/lib/commonjs/context/Context.hooks.js +12 -10
- package/lib/commonjs/context/Context.hooks.js.map +1 -1
- package/lib/commonjs/context/Context.js +11 -8
- package/lib/commonjs/context/Context.js.map +1 -1
- package/lib/commonjs/hooks/useHeader.js +2 -2
- package/lib/commonjs/hooks/useHeader.js.map +1 -1
- package/lib/commonjs/hooks/useTabOffset.js +2 -2
- package/lib/commonjs/hooks/useTabOffset.js.map +1 -1
- package/lib/commonjs/navigator/createReanimatedTopTabNavigator.js +3 -1
- package/lib/commonjs/navigator/createReanimatedTopTabNavigator.js.map +1 -1
- package/lib/module/components/ReanimatedTopTab/AnimationHelper.js +20 -25
- package/lib/module/components/ReanimatedTopTab/AnimationHelper.js.map +1 -1
- package/lib/module/components/ReanimatedTopTab/ReanimatedTabView.js +10 -11
- package/lib/module/components/ReanimatedTopTab/ReanimatedTabView.js.map +1 -1
- package/lib/module/components/ReanimatedTopTab/types.js.map +1 -1
- package/lib/module/components/elements/TabBarBaseComponent.js +4 -12
- package/lib/module/components/elements/TabBarBaseComponent.js.map +1 -1
- package/lib/module/components/elements/TabBarBaseItem.js +7 -4
- package/lib/module/components/elements/TabBarBaseItem.js.map +1 -1
- package/lib/module/components/elements/TabBarLabelBaseComponent.js +3 -3
- package/lib/module/components/elements/TabBarLabelBaseComponent.js.map +1 -1
- package/lib/module/components/wrappers/GestureWrapper.js +29 -10
- package/lib/module/components/wrappers/GestureWrapper.js.map +1 -1
- package/lib/module/context/Context.hooks.js +12 -10
- package/lib/module/context/Context.hooks.js.map +1 -1
- package/lib/module/context/Context.js +11 -8
- package/lib/module/context/Context.js.map +1 -1
- package/lib/module/hooks/useHeader.js +2 -2
- package/lib/module/hooks/useHeader.js.map +1 -1
- package/lib/module/hooks/useTabOffset.js +2 -2
- package/lib/module/hooks/useTabOffset.js.map +1 -1
- package/lib/module/navigator/createReanimatedTopTabNavigator.js +3 -1
- package/lib/module/navigator/createReanimatedTopTabNavigator.js.map +1 -1
- package/lib/typescript/src/components/ReanimatedTopTab/AnimationHelper.d.ts.map +1 -1
- package/lib/typescript/src/components/ReanimatedTopTab/ReanimatedTabView.d.ts +0 -1
- package/lib/typescript/src/components/ReanimatedTopTab/ReanimatedTabView.d.ts.map +1 -1
- package/lib/typescript/src/components/ReanimatedTopTab/types.d.ts +0 -6
- package/lib/typescript/src/components/ReanimatedTopTab/types.d.ts.map +1 -1
- package/lib/typescript/src/components/elements/TabBarBaseComponent.d.ts +1 -1
- package/lib/typescript/src/components/elements/TabBarBaseComponent.d.ts.map +1 -1
- package/lib/typescript/src/components/elements/TabBarBaseItem.d.ts +1 -3
- package/lib/typescript/src/components/elements/TabBarBaseItem.d.ts.map +1 -1
- package/lib/typescript/src/components/wrappers/GestureWrapper.d.ts +2 -1
- package/lib/typescript/src/components/wrappers/GestureWrapper.d.ts.map +1 -1
- package/lib/typescript/src/context/Context.d.ts.map +1 -1
- package/lib/typescript/src/context/Context.hooks.d.ts +4 -3
- package/lib/typescript/src/context/Context.hooks.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts +1 -1
- package/lib/typescript/src/navigator/createReanimatedTopTabNavigator.d.ts +1 -1
- package/lib/typescript/src/navigator/createReanimatedTopTabNavigator.d.ts.map +1 -1
- package/lib/typescript/src/types.d.ts +3 -1
- package/lib/typescript/src/types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/ReanimatedTopTab/AnimationHelper.ts +21 -29
- package/src/components/ReanimatedTopTab/ReanimatedTabView.tsx +15 -17
- package/src/components/ReanimatedTopTab/types.ts +0 -4
- package/src/components/elements/TabBarBaseComponent.tsx +3 -26
- package/src/components/elements/TabBarBaseItem.tsx +6 -6
- package/src/components/elements/TabBarLabelBaseComponent.tsx +3 -3
- package/src/components/wrappers/GestureWrapper.tsx +31 -14
- package/src/context/Context.hooks.ts +13 -11
- package/src/context/Context.tsx +8 -5
- package/src/hooks/useHeader.ts +2 -2
- package/src/hooks/useTabOffset.ts +2 -2
- package/src/navigator/createReanimatedTopTabNavigator.tsx +2 -1
- package/src/types.ts +3 -1
|
@@ -12,7 +12,7 @@ import { SectionList } from 'react-native';
|
|
|
12
12
|
*
|
|
13
13
|
* @param {Object} params - The parameters for configuring the scroll offset reset.
|
|
14
14
|
* @param {ReanimatedTopTabNavigation.ContextType["context"]} params.context - The context containing navigation and screen information.
|
|
15
|
-
* @param {ReanimatedTopTabNavigation.ContextType["
|
|
15
|
+
* @param {ReanimatedTopTabNavigation.ContextType["positionX"]} params.positionX - The horizontal transformation value used in animations.
|
|
16
16
|
* @param {ReanimatedTopTabNavigation.ContextType["currentYPosition"]} params.currentYPosition - The current vertical scroll position.
|
|
17
17
|
*
|
|
18
18
|
* The hook is responsible for resetting the vertical scroll offset of the "approaching" screen within a tabbed navigation interface,
|
|
@@ -22,7 +22,7 @@ import { SectionList } from 'react-native';
|
|
|
22
22
|
*/
|
|
23
23
|
const useResetApproachingScreenScrollOffset = ({
|
|
24
24
|
context,
|
|
25
|
-
|
|
25
|
+
positionX,
|
|
26
26
|
currentYPosition
|
|
27
27
|
}) => {
|
|
28
28
|
const screenOffsets = useDerivedValue(() => Object.values(context.screen.properties).map(({
|
|
@@ -44,7 +44,7 @@ const useResetApproachingScreenScrollOffset = ({
|
|
|
44
44
|
});
|
|
45
45
|
}
|
|
46
46
|
};
|
|
47
|
-
useAnimatedReaction(() =>
|
|
47
|
+
useAnimatedReaction(() => positionX.value, (current, previous) => {
|
|
48
48
|
const approachingIndex = ContextHelpers.getTargetIndex(current, previous);
|
|
49
49
|
const approachingScreenOffset = screenOffsets.value[approachingIndex] ?? -1;
|
|
50
50
|
runOnJS(resetApproachingScreenOffset)(approachingIndex, approachingScreenOffset > 0 && currentYPosition.value === 0);
|
|
@@ -173,7 +173,7 @@ const usePrepareContext = ({
|
|
|
173
173
|
* @param {Array} params.config - An array of configuration settings to determine the header's transformation.
|
|
174
174
|
* @returns {Object} An object containing shared values for header transformations and positioning:
|
|
175
175
|
* - transformationY: The derived Y-axis transformation value for the header.
|
|
176
|
-
* -
|
|
176
|
+
* - positionX: The shared X-axis transformation value to be observed.
|
|
177
177
|
* - currentYPosition: The shared Y-axis position of the header.
|
|
178
178
|
* - headerHeight: The shared height value of the header.
|
|
179
179
|
*/
|
|
@@ -183,7 +183,8 @@ const useTransformHeaderOnTabChange = ({
|
|
|
183
183
|
const headerHeight = useSharedValue(0);
|
|
184
184
|
const isHeaderHeightSet = useSharedValue(false);
|
|
185
185
|
const transformationY = useSharedValue(0);
|
|
186
|
-
const
|
|
186
|
+
const scrollY = useSharedValue(0);
|
|
187
|
+
const positionX = useSharedValue(0);
|
|
187
188
|
const currentYPosition = useSharedValue(0);
|
|
188
189
|
|
|
189
190
|
//Hide header base on config
|
|
@@ -214,21 +215,22 @@ const useTransformHeaderOnTabChange = ({
|
|
|
214
215
|
runOnJS(debouncedSetIsHeaderSet)();
|
|
215
216
|
}
|
|
216
217
|
}, []);
|
|
217
|
-
useAnimatedReaction(() =>
|
|
218
|
+
useAnimatedReaction(() => positionX.value, value => {
|
|
218
219
|
if (currentYPosition.value === -headerHeight.value) return;
|
|
219
220
|
transformationY.value = interpolate(value, inputRange.value, outputRange.value, 'clamp');
|
|
220
221
|
});
|
|
221
222
|
return {
|
|
222
223
|
transformationY,
|
|
223
|
-
|
|
224
|
+
positionX,
|
|
224
225
|
currentYPosition,
|
|
225
226
|
headerHeight,
|
|
226
|
-
isHeaderHeightSet
|
|
227
|
+
isHeaderHeightSet,
|
|
228
|
+
scrollY
|
|
227
229
|
};
|
|
228
230
|
};
|
|
229
231
|
const useApproachingTabChange = ({
|
|
230
232
|
config,
|
|
231
|
-
|
|
233
|
+
positionX,
|
|
232
234
|
gestureEnabled,
|
|
233
235
|
currentScreenIndex
|
|
234
236
|
}) => {
|
|
@@ -249,7 +251,7 @@ const useApproachingTabChange = ({
|
|
|
249
251
|
}
|
|
250
252
|
}
|
|
251
253
|
};
|
|
252
|
-
useAnimatedReaction(() =>
|
|
254
|
+
useAnimatedReaction(() => positionX.value, (current, previous) => {
|
|
253
255
|
const approachingIndex = ContextHelpers.getTargetIndex(current, previous);
|
|
254
256
|
onIndexApproach(approachingIndex);
|
|
255
257
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["interpolate","makeMutable","runOnJS","useAnimatedReaction","useDerivedValue","useSharedValue","useRef","Gesture","assign","throttle","ContextHelpers","SectionList","useResetApproachingScreenScrollOffset","context","
|
|
1
|
+
{"version":3,"names":["interpolate","makeMutable","runOnJS","useAnimatedReaction","useDerivedValue","useSharedValue","useRef","Gesture","assign","throttle","ContextHelpers","SectionList","useResetApproachingScreenScrollOffset","context","positionX","currentYPosition","screenOffsets","Object","values","screen","properties","map","scrollY","value","resetApproachingScreenOffset","index","shouldReset","ref","getRef","route","getKeyForIndex","current","scrollToLocation","animated","sectionIndex","itemIndex","viewOffset","scrollTo","y","previous","approachingIndex","getTargetIndex","approachingScreenOffset","usePrepareKeyMap","state","indexToKeyMap","routes","reduce","previousValue","currentValue","currentIndex","key","usePrepareScreen","screenProperties","prev","innerLayout","height","width","x","nativeGesture","Native","outerLayout","scrollRef","setRef","newProperties","_ref","usePrepareContext","useTransformHeaderOnTabChange","config","headerHeight","isHeaderHeightSet","transformationY","inputRange","_","idx","outputRange","type","debouncedSetIsHeaderSet","cancel","prepared","useApproachingTabChange","gestureEnabled","currentScreenIndex","onIndexApproach","ContextHooks"],"sourceRoot":"../../../src","sources":["context/Context.hooks.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -18,23 +18,24 @@ export const Provider = /*#__PURE__*/memo(({
|
|
|
18
18
|
const topTabHeight = useSharedValue(0);
|
|
19
19
|
const topTabNativeGesture = useRef(Gesture.Native()).current;
|
|
20
20
|
const {
|
|
21
|
-
|
|
21
|
+
positionX,
|
|
22
22
|
transformationY,
|
|
23
23
|
currentYPosition,
|
|
24
24
|
headerHeight,
|
|
25
|
-
isHeaderHeightSet
|
|
25
|
+
isHeaderHeightSet,
|
|
26
|
+
scrollY
|
|
26
27
|
} = ContextHooks.useTransformHeaderOnTabChange({
|
|
27
28
|
config
|
|
28
29
|
});
|
|
29
30
|
ContextHooks.useResetApproachingScreenScrollOffset({
|
|
30
31
|
currentYPosition,
|
|
31
|
-
|
|
32
|
+
positionX,
|
|
32
33
|
context
|
|
33
34
|
});
|
|
34
35
|
ContextHooks.useApproachingTabChange({
|
|
35
36
|
config,
|
|
36
37
|
gestureEnabled,
|
|
37
|
-
|
|
38
|
+
positionX,
|
|
38
39
|
currentScreenIndex
|
|
39
40
|
});
|
|
40
41
|
return /*#__PURE__*/_jsx(Context.Provider, {
|
|
@@ -48,10 +49,11 @@ export const Provider = /*#__PURE__*/memo(({
|
|
|
48
49
|
navHeight,
|
|
49
50
|
topTabHeight,
|
|
50
51
|
topTabNativeGesture,
|
|
51
|
-
|
|
52
|
+
positionX,
|
|
52
53
|
transformationY,
|
|
53
54
|
context,
|
|
54
|
-
isHeaderHeightSet
|
|
55
|
+
isHeaderHeightSet,
|
|
56
|
+
scrollY
|
|
55
57
|
},
|
|
56
58
|
children: children({
|
|
57
59
|
closeOffset,
|
|
@@ -63,10 +65,11 @@ export const Provider = /*#__PURE__*/memo(({
|
|
|
63
65
|
navHeight,
|
|
64
66
|
topTabHeight,
|
|
65
67
|
topTabNativeGesture,
|
|
66
|
-
|
|
68
|
+
positionX,
|
|
67
69
|
transformationY,
|
|
68
70
|
context,
|
|
69
|
-
isHeaderHeightSet
|
|
71
|
+
isHeaderHeightSet,
|
|
72
|
+
scrollY
|
|
70
73
|
})
|
|
71
74
|
});
|
|
72
75
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createContext","memo","useRef","Gesture","useSharedValue","ContextHooks","jsx","_jsx","Context","Provider","children","config","context","gestureEnabled","currentScreenIndex","navHeight","closeOffset","topTabHeight","topTabNativeGesture","Native","current","
|
|
1
|
+
{"version":3,"names":["createContext","memo","useRef","Gesture","useSharedValue","ContextHooks","jsx","_jsx","Context","Provider","children","config","context","gestureEnabled","currentScreenIndex","navHeight","closeOffset","topTabHeight","topTabNativeGesture","Native","current","positionX","transformationY","currentYPosition","headerHeight","isHeaderHeightSet","scrollY","useTransformHeaderOnTabChange","useResetApproachingScreenScrollOffset","useApproachingTabChange","value"],"sourceRoot":"../../../src","sources":["context/Context.tsx"],"mappings":";;AACA,SAASA,aAAa,EAAEC,IAAI,EAAEC,MAAM,QAAQ,OAAO;AACnD,SAASC,OAAO,QAAQ,8BAA8B;AACtD,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,YAAY,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE/C,OAAO,MAAMC,OAAO,gBAAGR,aAAa,CAClC,CAAC,CACH,CAAC;AAED,OAAO,MAAMS,QAAQ,gBAAGR,IAAI,CAC1B,CAAC;EACCS,QAAQ;EACRC,MAAM;EACNC;AAC6C,CAAC,KAAK;EACnD,MAAMC,cAAc,GAAGT,cAAc,CAAC,IAAI,CAAC;EAC3C,MAAMU,kBAAkB,GAAGV,cAAc,CAAC,CAAC,CAAC;EAE5C,MAAMW,SAAS,GAAGX,cAAc,CAAC,CAAC,CAAC;EACnC,MAAMY,WAAW,GAAGZ,cAAc,CAAC,CAAC,CAAC;EACrC,MAAMa,YAAY,GAAGb,cAAc,CAAC,CAAC,CAAC;EAEtC,MAAMc,mBAAmB,GAAGhB,MAAM,CAACC,OAAO,CAACgB,MAAM,CAAC,CAAC,CAAC,CAACC,OAAO;EAE5D,MAAM;IACJC,SAAS;IACTC,eAAe;IACfC,gBAAgB;IAChBC,YAAY;IACZC,iBAAiB;IACjBC;EACF,CAAC,GAAGrB,YAAY,CAACsB,6BAA6B,CAAC;IAAEhB;EAAO,CAAC,CAAC;EAE1DN,YAAY,CAACuB,qCAAqC,CAAC;IACjDL,gBAAgB;IAChBF,SAAS;IACTT;EACF,CAAC,CAAC;EAEFP,YAAY,CAACwB,uBAAuB,CAAC;IACnClB,MAAM;IACNE,cAAc;IACdQ,SAAS;IACTP;EACF,CAAC,CAAC;EAEF,oBACEP,IAAA,CAACC,OAAO,CAACC,QAAQ;IACfqB,KAAK,EAAE;MACLd,WAAW;MACXL,MAAM;MACNG,kBAAkB;MAClBS,gBAAgB;MAChBV,cAAc;MACdW,YAAY;MACZT,SAAS;MACTE,YAAY;MACZC,mBAAmB;MACnBG,SAAS;MACTC,eAAe;MACfV,OAAO;MACPa,iBAAiB;MACjBC;IACF,CAAE;IAAAhB,QAAA,EAEDA,QAAQ,CAAC;MACRM,WAAW;MACXL,MAAM;MACNG,kBAAkB;MAClBS,gBAAgB;MAChBV,cAAc;MACdW,YAAY;MACZT,SAAS;MACTE,YAAY;MACZC,mBAAmB;MACnBG,SAAS;MACTC,eAAe;MACfV,OAAO;MACPa,iBAAiB;MACjBC;IACF,CAAC;EAAC,CACc,CAAC;AAEvB,CACF,CAAC","ignoreList":[]}
|
|
@@ -5,10 +5,10 @@ import { withTiming } from 'react-native-reanimated';
|
|
|
5
5
|
export const useHeader = () => {
|
|
6
6
|
const {
|
|
7
7
|
headerHeight,
|
|
8
|
-
|
|
8
|
+
transformationY
|
|
9
9
|
} = useTabContext();
|
|
10
10
|
const hideHeader = () => {
|
|
11
|
-
|
|
11
|
+
transformationY.value = withTiming(-headerHeight.value);
|
|
12
12
|
};
|
|
13
13
|
return {
|
|
14
14
|
hideHeader
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useTabContext","withTiming","useHeader","headerHeight","
|
|
1
|
+
{"version":3,"names":["useTabContext","withTiming","useHeader","headerHeight","transformationY","hideHeader","value"],"sourceRoot":"../../../src","sources":["hooks/useHeader.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,UAAU,QAAQ,yBAAyB;AAEpD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC,YAAY;IAAEC;EAAgB,CAAC,GAAGJ,aAAa,CAAC,CAAC;EAEzD,MAAMK,UAAU,GAAGA,CAAA,KAAM;IACvBD,eAAe,CAACE,KAAK,GAAGL,UAAU,CAAC,CAACE,YAAY,CAACG,KAAK,CAAC;EACzD,CAAC;EAED,OAAO;IAAED;EAAW,CAAC;AACvB,CAAC","ignoreList":[]}
|
|
@@ -5,8 +5,8 @@ import { useTabContext } from './useTabContext';
|
|
|
5
5
|
import { useDerivedValue } from 'react-native-reanimated';
|
|
6
6
|
export const useTabOffset = () => {
|
|
7
7
|
const {
|
|
8
|
-
|
|
8
|
+
positionX
|
|
9
9
|
} = useTabContext();
|
|
10
|
-
return useDerivedValue(() =>
|
|
10
|
+
return useDerivedValue(() => positionX.value);
|
|
11
11
|
};
|
|
12
12
|
//# sourceMappingURL=useTabOffset.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useTabContext","useDerivedValue","useTabOffset","
|
|
1
|
+
{"version":3,"names":["useTabContext","useDerivedValue","useTabOffset","positionX","value"],"sourceRoot":"../../../src","sources":["hooks/useTabOffset.ts"],"mappings":";;AAAA;AACA,SAASA,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,eAAe,QAAQ,yBAAyB;AAEzD,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAChC,MAAM;IAAEC;EAAU,CAAC,GAAGH,aAAa,CAAC,CAAC;EACrC,OAAOC,eAAe,CAAC,MAAME,SAAS,CAACC,KAAK,CAAC;AAC/C,CAAC","ignoreList":[]}
|
|
@@ -17,7 +17,8 @@ const TabViewNavigator = ({
|
|
|
17
17
|
children,
|
|
18
18
|
config,
|
|
19
19
|
initialRouteName,
|
|
20
|
-
screenOptions = {}
|
|
20
|
+
screenOptions = {},
|
|
21
|
+
bounces
|
|
21
22
|
}) => {
|
|
22
23
|
const {
|
|
23
24
|
NavigationContent,
|
|
@@ -72,6 +73,7 @@ const TabViewNavigator = ({
|
|
|
72
73
|
children: [TopComponent ? /*#__PURE__*/_jsx(TopComponent, {
|
|
73
74
|
transformationY: transformationY
|
|
74
75
|
}) : null, /*#__PURE__*/_jsxs(GestureWrapper, {
|
|
76
|
+
bounces: bounces,
|
|
75
77
|
children: [/*#__PURE__*/_jsx(Reanimated.View, {
|
|
76
78
|
onLayout: ({
|
|
77
79
|
nativeEvent
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createNavigatorFactory","TabActions","TabRouter","useNavigationBuilder","GestureWrapper","TabBarBaseComponent","Provider","omit","useMemo","Reanimated","ReanimatedTabView","ContextHooks","jsx","_jsx","jsxs","_jsxs","TabViewNavigator","HeaderComponent","TopComponent","TabBarComponent","children","config","initialRouteName","screenOptions","NavigationContent","descriptors","navigation","state","defaultScreenOptions","_config","routes","map","context","usePrepareContext","navigate","index","route","dispatch","jumpTo","name","navigationState","restOptions","key","options","tabBarLabel","focused","title","undefined","renderScene","render","headerHeight","transformationY","View","onLayout","nativeEvent","value","layout","height","renderTabBar","createReanimatedTopTabNavigator"],"sourceRoot":"../../../src","sources":["navigator/createReanimatedTopTabNavigator.tsx"],"mappings":";;AAAA,SACEA,sBAAsB,EAEtBC,UAAU,EAEVC,SAAS,EACTC,oBAAoB,QACf,0BAA0B;AAEjC,SAASC,cAAc,QAAQ,uCAAuC;AACtE,SAASC,mBAAmB,QAAQ,4CAA4C;AAChF,SAASC,QAAQ,QAAQ,oBAAoB;AAE7C,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,OAAO,QAAQ,OAAO;AAC/B,OAAOC,UAAU,MAAM,yBAAyB;AAEhD,SAASC,iBAAiB,QAAQ,kDAAkD;AACpF,SAASC,YAAY,QAAQ,0BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAExD,MAAMC,gBAAgB,GAAGA,CAAC;EACxBC,eAAe;EACfC,YAAY;EACZC,eAAe,GAAGd,mBAAmB;EACrCe,QAAQ;EACRC,MAAM;EACNC,gBAAgB;EAChBC,aAAa,GAAG,CAAC;
|
|
1
|
+
{"version":3,"names":["createNavigatorFactory","TabActions","TabRouter","useNavigationBuilder","GestureWrapper","TabBarBaseComponent","Provider","omit","useMemo","Reanimated","ReanimatedTabView","ContextHooks","jsx","_jsx","jsxs","_jsxs","TabViewNavigator","HeaderComponent","TopComponent","TabBarComponent","children","config","initialRouteName","screenOptions","bounces","NavigationContent","descriptors","navigation","state","defaultScreenOptions","_config","routes","map","context","usePrepareContext","navigate","index","route","dispatch","jumpTo","name","navigationState","restOptions","key","options","tabBarLabel","focused","title","undefined","renderScene","render","headerHeight","transformationY","View","onLayout","nativeEvent","value","layout","height","renderTabBar","createReanimatedTopTabNavigator"],"sourceRoot":"../../../src","sources":["navigator/createReanimatedTopTabNavigator.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnimationHelper.d.ts","sourceRoot":"","sources":["../../../../../src/components/ReanimatedTopTab/AnimationHelper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,uBAAuB,EACvB,kBAAkB,EAClB,4BAA4B,EAC5B,6BAA6B,EAC9B,MAAM,8BAA8B,CAAC;AAGtC,KAAK,eAAe,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"AnimationHelper.d.ts","sourceRoot":"","sources":["../../../../../src/components/ReanimatedTopTab/AnimationHelper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,uBAAuB,EACvB,kBAAkB,EAClB,4BAA4B,EAC5B,6BAA6B,EAC9B,MAAM,8BAA8B,CAAC;AAGtC,KAAK,eAAe,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AA0EvD,eAAO,MAAM,eAAe;0BALC,MAAM;sBAlE1B,kBAAkB,CACvB,6BAA6B,GAAG,4BAA4B,CAC7D,kBACe,MAAM,SACf,MAAM,mBACI,eAAe;mBAiCzB,uBAAuB,CAAC,6BAA6B,CAAC,4BACnC,MAAM,SACzB,MAAM,mBACI,eAAe;;;;CAkCjC,CAAC"}
|
|
@@ -6,7 +6,6 @@ export interface ReanimatedTabViewProps {
|
|
|
6
6
|
lazy?: boolean;
|
|
7
7
|
navigationState: ReanimatedTabViewTypes.NavigationState;
|
|
8
8
|
percentageTrigger?: number;
|
|
9
|
-
positionInterpolation?: ReanimatedTabViewTypes.PositionInterpolation;
|
|
10
9
|
renderScene: (params: ReanimatedTabViewTypes.SceneProps) => React.ReactNode;
|
|
11
10
|
renderTabBar?: (params: ReanimatedTabViewTypes.RenderTabsParams) => React.ReactNode;
|
|
12
11
|
navigate(index: number): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReanimatedTabView.d.ts","sourceRoot":"","sources":["../../../../../src/components/ReanimatedTopTab/ReanimatedTabView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ReanimatedTabView.d.ts","sourceRoot":"","sources":["../../../../../src/components/ReanimatedTopTab/ReanimatedTabView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAgBvE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGvF,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,MAAM,WAAW,sBAAsB;IACrC,eAAe,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,eAAe,EAAE,sBAAsB,CAAC,eAAe,CAAC;IACxD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,CAAC,MAAM,EAAE,sBAAsB,CAAC,UAAU,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5E,YAAY,CAAC,EAAE,CACb,MAAM,EAAE,sBAAsB,CAAC,gBAAgB,KAC5C,KAAK,CAAC,SAAS,CAAC;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,aAAa,CAAC,EAAE,0BAA0B,CAAC,iBAAiB,CAAC;CAC9D;AAED,eAAO,MAAM,iBAAiB,oDAuK7B,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { SharedValue } from 'react-native-reanimated';
|
|
3
2
|
import type { ReanimatedTopTabNavigation } from 'react-navigation-reanimated-top-tabs';
|
|
4
3
|
export declare namespace ReanimatedTabViewTypes {
|
|
5
4
|
interface Route {
|
|
@@ -14,7 +13,6 @@ export declare namespace ReanimatedTabViewTypes {
|
|
|
14
13
|
};
|
|
15
14
|
interface RenderTabsParams {
|
|
16
15
|
navigationState: NavigationState;
|
|
17
|
-
position: SharedValue<number>;
|
|
18
16
|
navigate(index: number): void;
|
|
19
17
|
screenOptions?: ReanimatedTopTabNavigation.NavigationOptions;
|
|
20
18
|
}
|
|
@@ -22,9 +20,5 @@ export declare namespace ReanimatedTabViewTypes {
|
|
|
22
20
|
jumpTo?: (key: string) => void;
|
|
23
21
|
route: Route;
|
|
24
22
|
}
|
|
25
|
-
type PositionInterpolation = {
|
|
26
|
-
input: number[];
|
|
27
|
-
output: number[];
|
|
28
|
-
};
|
|
29
23
|
}
|
|
30
24
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ReanimatedTopTab/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ReanimatedTopTab/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAEvF,yBAAiB,sBAAsB,CAAC;IACtC,UAAiB,KAAK;QACpB,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;QACpD,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB;IAED,KAAY,eAAe,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,KAAK,EAAE,CAAA;KAAE,CAAC;IAEjE,UAAiB,gBAAgB;QAC/B,eAAe,EAAE,eAAe,CAAC;QACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;QAC9B,aAAa,CAAC,EAAE,0BAA0B,CAAC,iBAAiB,CAAC;KAC9D;IAED,UAAiB,UAAU;QACzB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;QAC/B,KAAK,EAAE,KAAK,CAAC;KACd;CACF"}
|
|
@@ -5,5 +5,5 @@ export interface TabBarProps extends ReanimatedTabViewTypes.RenderTabsParams {
|
|
|
5
5
|
children?: React.ReactNode;
|
|
6
6
|
style?: AnimatedStyle;
|
|
7
7
|
}
|
|
8
|
-
export declare const TabBarBaseComponent: ({ children, navigationState,
|
|
8
|
+
export declare const TabBarBaseComponent: ({ children, navigationState, style, navigate, screenOptions, }: TabBarProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
//# sourceMappingURL=TabBarBaseComponent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabBarBaseComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/TabBarBaseComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAmB,
|
|
1
|
+
{"version":3,"file":"TabBarBaseComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/TabBarBaseComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAmB,EAIjB,KAAK,aAAa,EACnB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAGxE,MAAM,WAAW,WAAY,SAAQ,sBAAsB,CAAC,gBAAgB;IAC1E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,eAAO,MAAM,mBAAmB,mEAM7B,WAAW,4CAuDb,CAAC"}
|
|
@@ -1,14 +1,12 @@
|
|
|
1
1
|
import { type StyleProp, type ViewStyle } from 'react-native';
|
|
2
|
-
import { type SharedValue } from 'react-native-reanimated';
|
|
3
2
|
import { type ReanimatedTabViewTypes } from '../ReanimatedTopTab/types';
|
|
4
3
|
interface TabBarBaseItemProps {
|
|
5
|
-
position: SharedValue<number>;
|
|
6
4
|
index: number;
|
|
7
5
|
inputRange: Array<number>;
|
|
8
6
|
onPress: (index: number) => void;
|
|
9
7
|
route: ReanimatedTabViewTypes.Route;
|
|
10
8
|
style?: StyleProp<ViewStyle>;
|
|
11
9
|
}
|
|
12
|
-
export declare const TabBarBaseItem: ({
|
|
10
|
+
export declare const TabBarBaseItem: ({ index, inputRange, onPress, route, style, }: TabBarBaseItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
11
|
export {};
|
|
14
12
|
//# sourceMappingURL=TabBarBaseItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabBarBaseItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/TabBarBaseItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"TabBarBaseItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/TabBarBaseItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAMtB,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAExE,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC1B,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,KAAK,EAAE,sBAAsB,CAAC,KAAK,CAAC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,cAAc,kDAMxB,mBAAmB,4CAsCrB,CAAC"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
interface GestureWrapperProps {
|
|
3
3
|
children: React.ReactNode;
|
|
4
|
+
bounces?: boolean;
|
|
4
5
|
}
|
|
5
|
-
export declare const GestureWrapper: ({ children }: GestureWrapperProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare const GestureWrapper: ({ children, bounces }: GestureWrapperProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
7
|
export {};
|
|
7
8
|
//# sourceMappingURL=GestureWrapper.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GestureWrapper.d.ts","sourceRoot":"","sources":["../../../../../src/components/wrappers/GestureWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"GestureWrapper.d.ts","sourceRoot":"","sources":["../../../../../src/components/wrappers/GestureWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAezD,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,0BAA2B,mBAAmB,4CAiIxE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../../src/context/Context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,UAAU,CAAC;AAM3D,eAAO,MAAM,OAAO,iEAEnB,CAAC;AAEF,eAAO,MAAM,QAAQ,uEAKhB,0BAA0B,CAAC,kBAAkB,
|
|
1
|
+
{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../../src/context/Context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,UAAU,CAAC;AAM3D,eAAO,MAAM,OAAO,iEAEnB,CAAC;AAEF,eAAO,MAAM,QAAQ,uEAKhB,0BAA0B,CAAC,kBAAkB,6CAsEjD,CAAC"}
|
|
@@ -1,17 +1,18 @@
|
|
|
1
1
|
import { type ReanimatedTopTabNavigation } from '../types';
|
|
2
2
|
import type { ParamListBase, TabNavigationState } from '@react-navigation/native';
|
|
3
3
|
export declare const ContextHooks: {
|
|
4
|
-
useResetApproachingScreenScrollOffset: ({ context,
|
|
4
|
+
useResetApproachingScreenScrollOffset: ({ context, positionX, currentYPosition, }: Pick<ReanimatedTopTabNavigation.ContextType, "context" | "currentYPosition" | "positionX">) => void;
|
|
5
5
|
usePrepareContext: ({ state, }: {
|
|
6
6
|
state: TabNavigationState<ParamListBase>;
|
|
7
7
|
}) => ReanimatedTopTabNavigation.TopTabContextProps["context"];
|
|
8
8
|
useTransformHeaderOnTabChange: ({ config, }: Pick<ReanimatedTopTabNavigation.ContextType, "config">) => {
|
|
9
9
|
transformationY: import("react-native-reanimated").SharedValue<number>;
|
|
10
|
-
|
|
10
|
+
positionX: import("react-native-reanimated").SharedValue<number>;
|
|
11
11
|
currentYPosition: import("react-native-reanimated").SharedValue<number>;
|
|
12
12
|
headerHeight: import("react-native-reanimated").SharedValue<number>;
|
|
13
13
|
isHeaderHeightSet: import("react-native-reanimated").SharedValue<boolean>;
|
|
14
|
+
scrollY: import("react-native-reanimated").SharedValue<number>;
|
|
14
15
|
};
|
|
15
|
-
useApproachingTabChange: ({ config,
|
|
16
|
+
useApproachingTabChange: ({ config, positionX, gestureEnabled, currentScreenIndex, }: Pick<ReanimatedTopTabNavigation.ContextType, "config" | "positionX" | "currentScreenIndex" | "gestureEnabled">) => void;
|
|
16
17
|
};
|
|
17
18
|
//# sourceMappingURL=Context.hooks.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Context.hooks.d.ts","sourceRoot":"","sources":["../../../../src/context/Context.hooks.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,UAAU,CAAC;AAE3D,OAAO,KAAK,EACV,aAAa,EACb,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"Context.hooks.d.ts","sourceRoot":"","sources":["../../../../src/context/Context.hooks.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,UAAU,CAAC;AAE3D,OAAO,KAAK,EACV,aAAa,EACb,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAoTlC,eAAO,MAAM,YAAY;uFA7RtB,IAAI,CACL,0BAA0B,CAAC,WAAW,EACtC,SAAS,GAAG,kBAAkB,GAAG,WAAW,CAC7C;oCAqJE;QACD,KAAK,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;KAC1C,KAAG,0BAA0B,CAAC,kBAAkB,CAAC,SAAS,CAAC;iDAuBzD,IAAI,CAAC,0BAA0B,CAAC,WAAW,EAAE,QAAQ,CAAC;;;;;;;;0FAgFtD,IAAI,CACL,0BAA0B,CAAC,WAAW,EACtC,QAAQ,GAAG,WAAW,GAAG,oBAAoB,GAAG,gBAAgB,CACjE;CA8BA,CAAC"}
|
|
@@ -35,7 +35,7 @@ export declare const Tab: {
|
|
|
35
35
|
ScrollView: ({ children, style, contentContainerStyle, onLayout, ...props }: import("./components/wrappers/ScrollView").ScreenWrapperProps) => import("react/jsx-runtime").JSX.Element;
|
|
36
36
|
SectionList: <ItemT, SectionT = import("react-native").DefaultSectionT>({ children, style, contentContainerStyle, onLayout, ...props }: import("react-native").SectionListProps<ItemT, SectionT>) => import("react/jsx-runtime").JSX.Element;
|
|
37
37
|
ScreenWrapper: ({ children, ...viewProps }: import("./components/wrappers/ScreenWrapper").ScreenWrapperProps) => import("react/jsx-runtime").JSX.Element;
|
|
38
|
-
TabBarBaseComponent: ({ children, navigationState,
|
|
38
|
+
TabBarBaseComponent: ({ children, navigationState, style, navigate, screenOptions, }: import("./components/elements/TabBarBaseComponent").TabBarProps) => import("react/jsx-runtime").JSX.Element;
|
|
39
39
|
TabBarLabelBaseComponent: ({ index, ...props }: import("./components/elements/TabBarLabelBaseComponent").TabBarLabelTypes) => import("react/jsx-runtime").JSX.Element;
|
|
40
40
|
};
|
|
41
41
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { type ParamListBase, type TabNavigationState } from '@react-navigation/native';
|
|
2
2
|
import { type ReanimatedTopTabNavigation } from '../types';
|
|
3
|
-
export declare const createReanimatedTopTabNavigator: <Params extends ParamListBase>() => import("@react-navigation/core").TypedNavigator<ParamListBase, TabNavigationState<Params>, ReanimatedTopTabNavigation.NavigationOptions, {}, ({ HeaderComponent, TopComponent, TabBarComponent, children, config, initialRouteName, screenOptions, }: ReanimatedTopTabNavigation.TabViewNavigatorProps) => import("react/jsx-runtime").JSX.Element>;
|
|
3
|
+
export declare const createReanimatedTopTabNavigator: <Params extends ParamListBase>() => import("@react-navigation/core").TypedNavigator<ParamListBase, TabNavigationState<Params>, ReanimatedTopTabNavigation.NavigationOptions, {}, ({ HeaderComponent, TopComponent, TabBarComponent, children, config, initialRouteName, screenOptions, bounces, }: ReanimatedTopTabNavigation.TabViewNavigatorProps) => import("react/jsx-runtime").JSX.Element>;
|
|
4
4
|
//# sourceMappingURL=createReanimatedTopTabNavigator.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createReanimatedTopTabNavigator.d.ts","sourceRoot":"","sources":["../../../../src/navigator/createReanimatedTopTabNavigator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,aAAa,EAElB,KAAK,kBAAkB,EAGxB,MAAM,0BAA0B,CAAC;AAKlC,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"createReanimatedTopTabNavigator.d.ts","sourceRoot":"","sources":["../../../../src/navigator/createReanimatedTopTabNavigator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,aAAa,EAElB,KAAK,kBAAkB,EAGxB,MAAM,0BAA0B,CAAC;AAKlC,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,UAAU,CAAC;AAgH3D,eAAO,MAAM,+BAA+B,GAC1C,MAAM,SAAS,aAAa,sQAhG3B,0BAA0B,CAAC,qBAAqB,6CAuG5B,CAAC"}
|
|
@@ -17,8 +17,9 @@ export declare namespace ReanimatedTopTabNavigation {
|
|
|
17
17
|
navHeight: SharedValue<number>;
|
|
18
18
|
topTabHeight: SharedValue<number>;
|
|
19
19
|
topTabNativeGesture: NativeGesture;
|
|
20
|
-
|
|
20
|
+
positionX: SharedValue<number>;
|
|
21
21
|
transformationY: SharedValue<number>;
|
|
22
|
+
scrollY: SharedValue<number>;
|
|
22
23
|
context: {
|
|
23
24
|
screen: {
|
|
24
25
|
properties: Record<string, {
|
|
@@ -49,6 +50,7 @@ export declare namespace ReanimatedTopTabNavigation {
|
|
|
49
50
|
config?: string[];
|
|
50
51
|
initialRouteName?: string;
|
|
51
52
|
screenOptions?: StackNavigationOptions;
|
|
53
|
+
bounces?: boolean;
|
|
52
54
|
}
|
|
53
55
|
type TopTabContextProps = Pick<ContextType, 'config' | 'context'> & {
|
|
54
56
|
children: (props: ContextType) => React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,WAAW,EACX,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,UAAU,EAAE,EAAE,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEtE,yBAAiB,0BAA0B,CAAC;IAC1C,UAAiB,WAAW;QAC1B,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;QACjC,MAAM,EAAE,MAAM,EAAE,CAAC;QACjB,kBAAkB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;QACxC,gBAAgB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;QACtC,cAAc,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;QACrC,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;QAClC,iBAAiB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;QACxC,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;QAC/B,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;QAClC,mBAAmB,EAAE,aAAa,CAAC;QACnC,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -32,14 +32,18 @@ const getIndex = (
|
|
|
32
32
|
type: 'increment' | 'decrement'
|
|
33
33
|
) => {
|
|
34
34
|
'worklet';
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
35
|
+
const max = navigationState.size - 1;
|
|
36
|
+
const current = navigationState.index;
|
|
37
|
+
|
|
38
|
+
if (type === 'increment' && current < max) {
|
|
39
|
+
return current + 1;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
if (type === 'decrement' && current > 0) {
|
|
43
|
+
return current - 1;
|
|
39
44
|
}
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
: navigationState.index - 1;
|
|
45
|
+
|
|
46
|
+
return current;
|
|
43
47
|
};
|
|
44
48
|
|
|
45
49
|
const onEnd = (
|
|
@@ -49,34 +53,22 @@ const onEnd = (
|
|
|
49
53
|
navigationState: NavigationState
|
|
50
54
|
) => {
|
|
51
55
|
'worklet';
|
|
52
|
-
|
|
56
|
+
const { velocityX, translationX } = event;
|
|
57
|
+
|
|
58
|
+
if (velocityX < -200 || translationX < -minimumValueToChangeView) {
|
|
59
|
+
const newIndex = getIndex(navigationState, 'increment');
|
|
53
60
|
return {
|
|
54
|
-
index:
|
|
55
|
-
value: -width *
|
|
61
|
+
index: newIndex,
|
|
62
|
+
value: -width * newIndex,
|
|
56
63
|
};
|
|
57
64
|
}
|
|
58
|
-
if (
|
|
65
|
+
if (velocityX > 200 || translationX > minimumValueToChangeView) {
|
|
66
|
+
const newIndex = getIndex(navigationState, 'decrement');
|
|
59
67
|
return {
|
|
60
|
-
index:
|
|
61
|
-
value: -width *
|
|
68
|
+
index: newIndex,
|
|
69
|
+
value: -width * newIndex,
|
|
62
70
|
};
|
|
63
71
|
}
|
|
64
|
-
if (event.translationX < 0) {
|
|
65
|
-
if (event.translationX < -minimumValueToChangeView) {
|
|
66
|
-
return {
|
|
67
|
-
index: getIndex(navigationState, 'increment'),
|
|
68
|
-
value: -width * (navigationState.index + 1),
|
|
69
|
-
};
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
if (event.translationX > 0) {
|
|
73
|
-
if (event.translationX > minimumValueToChangeView) {
|
|
74
|
-
return {
|
|
75
|
-
index: getIndex(navigationState, 'decrement'),
|
|
76
|
-
value: -width * (navigationState.index - 1),
|
|
77
|
-
};
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
72
|
return {
|
|
81
73
|
index: navigationState.index,
|
|
82
74
|
value: -width * navigationState.index,
|