react-navigation-reanimated-top-tabs 0.7.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 +21 -26
- package/lib/commonjs/components/ReanimatedTopTab/AnimationHelper.js.map +1 -1
- package/lib/commonjs/components/ReanimatedTopTab/ReanimatedTabView.js +13 -12
- package/lib/commonjs/components/ReanimatedTopTab/ReanimatedTabView.js.map +1 -1
- package/lib/commonjs/components/elements/TabBarBaseComponent.js +42 -25
- package/lib/commonjs/components/elements/TabBarBaseComponent.js.map +1 -1
- package/lib/commonjs/components/elements/TabBarBaseItem.js +55 -0
- package/lib/commonjs/components/elements/TabBarBaseItem.js.map +1 -0
- 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 +40 -11
- package/lib/commonjs/components/wrappers/GestureWrapper.js.map +1 -1
- package/lib/commonjs/components/wrappers/SectionList.js +72 -0
- package/lib/commonjs/components/wrappers/SectionList.js.map +1 -0
- package/lib/commonjs/context/Context.hooks.js +22 -17
- 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 -10
- 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/index.js +2 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/navigator/createReanimatedTopTabNavigator.js +27 -23
- package/lib/commonjs/navigator/createReanimatedTopTabNavigator.js.map +1 -1
- package/lib/commonjs/types.js.map +1 -1
- package/lib/module/components/ReanimatedTopTab/AnimationHelper.js +23 -28
- package/lib/module/components/ReanimatedTopTab/AnimationHelper.js.map +1 -1
- package/lib/module/components/ReanimatedTopTab/ReanimatedTabView.js +14 -13
- package/lib/module/components/ReanimatedTopTab/ReanimatedTabView.js.map +1 -1
- package/lib/module/components/elements/TabBarBaseComponent.js +44 -27
- package/lib/module/components/elements/TabBarBaseComponent.js.map +1 -1
- package/lib/module/components/elements/TabBarBaseItem.js +48 -0
- package/lib/module/components/elements/TabBarBaseItem.js.map +1 -0
- 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 +41 -12
- package/lib/module/components/wrappers/GestureWrapper.js.map +1 -1
- package/lib/module/components/wrappers/SectionList.js +66 -0
- package/lib/module/components/wrappers/SectionList.js.map +1 -0
- package/lib/module/context/Context.hooks.js +22 -17
- 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 +3 -11
- 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/index.js +2 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/navigator/createReanimatedTopTabNavigator.js +28 -24
- package/lib/module/navigator/createReanimatedTopTabNavigator.js.map +1 -1
- package/lib/module/types.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 +2 -1
- package/lib/typescript/src/components/ReanimatedTopTab/ReanimatedTabView.d.ts.map +1 -1
- package/lib/typescript/src/components/ReanimatedTopTab/types.d.ts +3 -7
- 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 +12 -0
- package/lib/typescript/src/components/elements/TabBarBaseItem.d.ts.map +1 -0
- 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/components/wrappers/SectionList.d.ts +3 -0
- package/lib/typescript/src/components/wrappers/SectionList.d.ts.map +1 -0
- 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/hooks/useHeader.d.ts +0 -6
- package/lib/typescript/src/hooks/useHeader.d.ts.map +1 -1
- package/lib/typescript/src/hooks/useScreenProperties.d.ts +1 -1
- package/lib/typescript/src/index.d.ts +3 -8
- package/lib/typescript/src/index.d.ts.map +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 +11 -5
- package/lib/typescript/src/types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/ReanimatedTopTab/AnimationHelper.ts +24 -32
- package/src/components/ReanimatedTopTab/ReanimatedTabView.tsx +19 -17
- package/src/components/ReanimatedTopTab/types.ts +3 -5
- package/src/components/elements/TabBarBaseComponent.tsx +47 -36
- package/src/components/elements/TabBarBaseItem.tsx +76 -0
- package/src/components/elements/TabBarLabelBaseComponent.tsx +3 -3
- package/src/components/wrappers/GestureWrapper.tsx +41 -14
- package/src/components/wrappers/SectionList.tsx +75 -0
- package/src/context/Context.hooks.ts +26 -16
- package/src/context/Context.tsx +8 -5
- package/src/hooks/useHeader.ts +4 -22
- package/src/hooks/useTabOffset.ts +2 -2
- package/src/index.tsx +2 -0
- package/src/navigator/createReanimatedTopTabNavigator.tsx +31 -26
- package/src/types.ts +21 -5
|
@@ -20,48 +20,43 @@ const onChange = (event, animationValue, width, navigationState) => {
|
|
|
20
20
|
const getIndex = (navigationState, type) => {
|
|
21
21
|
'worklet';
|
|
22
22
|
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
const max = navigationState.size - 1;
|
|
24
|
+
const current = navigationState.index;
|
|
25
|
+
if (type === 'increment' && current < max) {
|
|
26
|
+
return current + 1;
|
|
25
27
|
}
|
|
26
|
-
|
|
28
|
+
if (type === 'decrement' && current > 0) {
|
|
29
|
+
return current - 1;
|
|
30
|
+
}
|
|
31
|
+
return current;
|
|
27
32
|
};
|
|
28
33
|
const onEnd = (event, minimumValueToChangeView, width, navigationState) => {
|
|
29
34
|
'worklet';
|
|
30
35
|
|
|
31
|
-
|
|
36
|
+
const {
|
|
37
|
+
velocityX,
|
|
38
|
+
translationX
|
|
39
|
+
} = event;
|
|
40
|
+
if (velocityX < -200 || translationX < -minimumValueToChangeView) {
|
|
41
|
+
const newIndex = getIndex(navigationState, 'increment');
|
|
32
42
|
return {
|
|
33
|
-
index:
|
|
34
|
-
value: -width *
|
|
43
|
+
index: newIndex,
|
|
44
|
+
value: -width * newIndex
|
|
35
45
|
};
|
|
36
46
|
}
|
|
37
|
-
if (
|
|
47
|
+
if (velocityX > 200 || translationX > minimumValueToChangeView) {
|
|
48
|
+
const newIndex = getIndex(navigationState, 'decrement');
|
|
38
49
|
return {
|
|
39
|
-
index:
|
|
40
|
-
value: -width *
|
|
50
|
+
index: newIndex,
|
|
51
|
+
value: -width * newIndex
|
|
41
52
|
};
|
|
42
53
|
}
|
|
43
|
-
if (event.translationX < 0) {
|
|
44
|
-
if (event.translationX < -minimumValueToChangeView) {
|
|
45
|
-
return {
|
|
46
|
-
index: getIndex(navigationState, 'increment'),
|
|
47
|
-
value: -width * (navigationState.index + 1)
|
|
48
|
-
};
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
if (event.translationX > 0) {
|
|
52
|
-
if (event.translationX > minimumValueToChangeView) {
|
|
53
|
-
return {
|
|
54
|
-
index: getIndex(navigationState, 'decrement'),
|
|
55
|
-
value: -width * (navigationState.index - 1)
|
|
56
|
-
};
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
54
|
return {
|
|
60
55
|
index: navigationState.index,
|
|
61
56
|
value: -width * navigationState.index
|
|
62
57
|
};
|
|
63
58
|
};
|
|
64
|
-
const animation = (newValue, duration =
|
|
59
|
+
const animation = (newValue, duration = 350) => {
|
|
65
60
|
'worklet';
|
|
66
61
|
|
|
67
62
|
return (0, _reactNativeReanimated.withTiming)(newValue, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNativeReanimated","require","onChange","event","animationValue","width","navigationState","routesLength","size","changeX","getIndex","type","index","onEnd","minimumValueToChangeView","velocityX","
|
|
1
|
+
{"version":3,"names":["_reactNativeReanimated","require","onChange","event","animationValue","width","navigationState","routesLength","size","changeX","getIndex","type","max","current","index","onEnd","minimumValueToChangeView","velocityX","translationX","newIndex","value","animation","newValue","duration","withTiming","AnimationHelper","exports"],"sourceRoot":"../../../../src","sources":["components/ReanimatedTopTab/AnimationHelper.ts"],"mappings":";;;;;;AAMA,IAAAA,sBAAA,GAAAC,OAAA;AAIA,MAAMC,QAAQ,GAAGA,CACfC,KAEC,EACDC,cAAsB,EACtBC,KAAa,EACbC,eAAgC,KAC7B;EACH,SAAS;;EACT,IAAIF,cAAc,GAAG,CAAC,EAAE;IACtB,OAAO,CAAC;EACV;EACA,MAAMG,YAAY,GAAGD,eAAe,CAACE,IAAI,GAAG,CAAC;EAC7C,IAAIJ,cAAc,GAAG,CAACC,KAAK,GAAGE,YAAY,EAAE;IAC1C,OAAO,CAACF,KAAK,GAAGE,YAAY;EAC9B;EACA,OAAOH,cAAc,GAAGD,KAAK,CAACM,OAAO;AACvC,CAAC;AAED,MAAMC,QAAQ,GAAGA,CACfJ,eAAgC,EAChCK,IAA+B,KAC5B;EACH,SAAS;;EACT,MAAMC,GAAG,GAAGN,eAAe,CAACE,IAAI,GAAG,CAAC;EACpC,MAAMK,OAAO,GAAGP,eAAe,CAACQ,KAAK;EAErC,IAAIH,IAAI,KAAK,WAAW,IAAIE,OAAO,GAAGD,GAAG,EAAE;IACzC,OAAOC,OAAO,GAAG,CAAC;EACpB;EAEA,IAAIF,IAAI,KAAK,WAAW,IAAIE,OAAO,GAAG,CAAC,EAAE;IACvC,OAAOA,OAAO,GAAG,CAAC;EACpB;EAEA,OAAOA,OAAO;AAChB,CAAC;AAED,MAAME,KAAK,GAAGA,CACZZ,KAA6D,EAC7Da,wBAAgC,EAChCX,KAAa,EACbC,eAAgC,KAC7B;EACH,SAAS;;EACT,MAAM;IAAEW,SAAS;IAAEC;EAAa,CAAC,GAAGf,KAAK;EAEzC,IAAIc,SAAS,GAAG,CAAC,GAAG,IAAIC,YAAY,GAAG,CAACF,wBAAwB,EAAE;IAChE,MAAMG,QAAQ,GAAGT,QAAQ,CAACJ,eAAe,EAAE,WAAW,CAAC;IACvD,OAAO;MACLQ,KAAK,EAAEK,QAAQ;MACfC,KAAK,EAAE,CAACf,KAAK,GAAGc;IAClB,CAAC;EACH;EACA,IAAIF,SAAS,GAAG,GAAG,IAAIC,YAAY,GAAGF,wBAAwB,EAAE;IAC9D,MAAMG,QAAQ,GAAGT,QAAQ,CAACJ,eAAe,EAAE,WAAW,CAAC;IACvD,OAAO;MACLQ,KAAK,EAAEK,QAAQ;MACfC,KAAK,EAAE,CAACf,KAAK,GAAGc;IAClB,CAAC;EACH;EACA,OAAO;IACLL,KAAK,EAAER,eAAe,CAACQ,KAAK;IAC5BM,KAAK,EAAE,CAACf,KAAK,GAAGC,eAAe,CAACQ;EAClC,CAAC;AACH,CAAC;AAED,MAAMO,SAAS,GAAGA,CAACC,QAAgB,EAAEC,QAAQ,GAAG,GAAG,KAAK;EACtD,SAAS;;EACT,OAAO,IAAAC,iCAAU,EAACF,QAAQ,EAAE;IAAEC;EAAS,CAAC,CAAC;AAC3C,CAAC;AAEM,MAAME,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG;EAC7BJ,SAAS;EACTnB,QAAQ;EACRa;AACF,CAAC","ignoreList":[]}
|
|
@@ -8,6 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _reactNativeGestureHandler = require("react-native-gesture-handler");
|
|
10
10
|
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
11
|
+
var _useTabContext = require("../../hooks/useTabContext");
|
|
11
12
|
var _AnimationHelper = require("./AnimationHelper");
|
|
12
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
14
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
@@ -17,22 +18,22 @@ const ReanimatedTabView = exports.ReanimatedTabView = /*#__PURE__*/_react.defaul
|
|
|
17
18
|
lazy = false,
|
|
18
19
|
navigationState,
|
|
19
20
|
percentageTrigger = 0.4,
|
|
20
|
-
positionInterpolation,
|
|
21
21
|
renderScene,
|
|
22
22
|
renderTabBar,
|
|
23
|
-
navigate
|
|
23
|
+
navigate,
|
|
24
|
+
screenOptions
|
|
24
25
|
}) => {
|
|
25
26
|
const {
|
|
26
27
|
width
|
|
27
28
|
} = (0, _reactNative.useWindowDimensions)();
|
|
28
29
|
const loadedScreens = (0, _react.useRef)([navigationState.routes[navigationState.index]]);
|
|
29
30
|
const scrollPosition = (0, _reactNativeReanimated.useSharedValue)(navigationState.index);
|
|
30
|
-
const
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
}
|
|
31
|
+
const {
|
|
32
|
+
positionX
|
|
33
|
+
} = (0, _useTabContext.useTabContext)();
|
|
34
|
+
(0, _reactNativeReanimated.useAnimatedReaction)(() => scrollPosition.value, value => {
|
|
35
|
+
positionX.value = (0, _reactNativeReanimated.interpolate)(value, navigationState.routes.map((_, i) => i * -width), navigationState.routes.map((_, i) => i), 'clamp');
|
|
36
|
+
});
|
|
36
37
|
const _navigate = index => {
|
|
37
38
|
scrollPosition.value = _AnimationHelper.AnimationHelper.animation(-index * width);
|
|
38
39
|
navigate(index);
|
|
@@ -59,10 +60,10 @@ const ReanimatedTabView = exports.ReanimatedTabView = /*#__PURE__*/_react.defaul
|
|
|
59
60
|
scrollPosition.value = _AnimationHelper.AnimationHelper.animation(state.value);
|
|
60
61
|
_navigationState.value.index = state.index;
|
|
61
62
|
(0, _reactNativeReanimated.runOnJS)(navigate)(state.index);
|
|
62
|
-
}), [minimumValueToChangeView, width
|
|
63
|
+
}), [minimumValueToChangeView, width]);
|
|
63
64
|
const scrollPositionStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
64
65
|
transform: [{
|
|
65
|
-
translateX: (0, _reactNativeReanimated.interpolate)(scrollPosition.value, [-width * (navigationState.routes.length - 1), 0], [-width * (navigationState.routes.length - 1), 0],
|
|
66
|
+
translateX: (0, _reactNativeReanimated.interpolate)(scrollPosition.value, [-width * (navigationState.routes.length - 1), 0], [-width * (navigationState.routes.length - 1), 0], 'clamp')
|
|
66
67
|
}]
|
|
67
68
|
}));
|
|
68
69
|
const jumpTo = _react.default.useCallback(key => {
|
|
@@ -111,8 +112,8 @@ const ReanimatedTabView = exports.ReanimatedTabView = /*#__PURE__*/_react.defaul
|
|
|
111
112
|
style: defaultStyles.flex,
|
|
112
113
|
children: [renderTabBar ? renderTabBar({
|
|
113
114
|
navigationState,
|
|
114
|
-
|
|
115
|
-
|
|
115
|
+
navigate: _navigate,
|
|
116
|
+
screenOptions
|
|
116
117
|
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
|
|
117
118
|
gesture: panGesture,
|
|
118
119
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_AnimationHelper","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ReanimatedTabView","exports","React","memo","LazyPlaceholder","lazy","navigationState","percentageTrigger","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_useTabContext","_AnimationHelper","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ReanimatedTabView","exports","React","memo","LazyPlaceholder","lazy","navigationState","percentageTrigger","renderScene","renderTabBar","navigate","screenOptions","width","useWindowDimensions","loadedScreens","useRef","routes","index","scrollPosition","useSharedValue","positionX","useTabContext","useAnimatedReaction","value","interpolate","map","_","_navigate","AnimationHelper","animation","minimumValueToChangeView","useMemo","_navigationState","size","useEffect","runOnUI","length","panGesture","Gesture","Pan","failOffsetY","activeOffsetX","onChange","event","onEnd","state","runOnJS","scrollPositionStyle","useAnimatedStyle","transform","translateX","jumpTo","useCallback","key","newIndex","findIndex","route","chooseRender","params","useRenderScene","jsx","View","style","children","Routes","screen","current","find","loadedScreen","undefined","push","GestureHandlerRootView","defaultStyles","flex","jsxs","layout","LinearTransition","GestureDetector","gesture","viewsContainer","StyleSheet","create","flexDirection"],"sourceRoot":"../../../../src","sources":["components/ReanimatedTopTab/ReanimatedTabView.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AAKA,IAAAG,sBAAA,GAAAJ,uBAAA,CAAAC,OAAA;AAUA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AAAoD,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAO,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAT,wBAAAS,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAgB7C,MAAMW,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,gBAAGE,cAAK,CAACC,IAAI,CACzC,CAAC;EACCC,eAAe,GAAGA,CAAA,KAAM,IAAI;EAC5BC,IAAI,GAAG,KAAK;EACZC,eAAe;EACfC,iBAAiB,GAAG,GAAG;EACvBC,WAAW;EACXC,YAAY;EACZC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EACvC,MAAMC,aAAa,GAAG,IAAAC,aAAM,EAAC,CAC3BT,eAAe,CAACU,MAAM,CAACV,eAAe,CAACW,KAAK,CAAC,CAC9C,CAAC;EACF,MAAMC,cAAc,GAAG,IAAAC,qCAAc,EAACb,eAAe,CAACW,KAAK,CAAC;EAC5D,MAAM;IAAEG;EAAU,CAAC,GAAG,IAAAC,4BAAa,EAAC,CAAC;EAErC,IAAAC,0CAAmB,EACjB,MAAMJ,cAAc,CAACK,KAAK,EACzBA,KAAK,IAAK;IACTH,SAAS,CAACG,KAAK,GAAG,IAAAC,kCAAW,EAC3BD,KAAK,EACLjB,eAAe,CAACU,MAAM,CAACS,GAAG,CAAC,CAACC,CAAC,EAAE5B,CAAC,KAAKA,CAAC,GAAG,CAACc,KAAK,CAAC,EAChDN,eAAe,CAACU,MAAM,CAACS,GAAG,CAAC,CAACC,CAAC,EAAE5B,CAAC,KAAKA,CAAC,CAAC,EACvC,OACF,CAAC;EACH,CACF,CAAC;EAED,MAAM6B,SAAS,GAAIV,KAAa,IAAK;IACnCC,cAAc,CAACK,KAAK,GAAGK,gCAAe,CAACC,SAAS,CAAC,CAACZ,KAAK,GAAGL,KAAK,CAAC;IAChEF,QAAQ,CAACO,KAAK,CAAC;EACjB,CAAC;EAED,MAAMa,wBAAwB,GAAG,IAAAC,cAAO,EACtC,MAAMnB,KAAK,GAAGL,iBAAiB,EAC/B,CAACA,iBAAiB,EAAEK,KAAK,CAC3B,CAAC;EAED,MAAMoB,gBAAgB,GAAG,IAAAb,qCAAc,EAAC;IAAEc,IAAI,EAAE,CAAC;IAAEhB,KAAK,EAAE;EAAE,CAAC,CAAC;EAE9D,IAAAiB,gBAAS,EAAC,MAAM;IACd,IAAAC,8BAAO,EAAC,MAAM;MACZH,gBAAgB,CAACT,KAAK,CAACU,IAAI,GAAG3B,eAAe,CAACU,MAAM,CAACoB,MAAM;MAC3DJ,gBAAgB,CAACT,KAAK,CAACN,KAAK,GAAGX,eAAe,CAACW,KAAK;IACtD,CAAC,CAAC,CAAC,CAAC;EACN,CAAC,EAAE,CAACX,eAAe,CAAC,CAAC;EAErB,MAAM+B,UAAU,GAAGnC,cAAK,CAAC6B,OAAO,CAC9B,MACEO,kCAAO,CAACC,GAAG,CAAC,CAAC,CACVC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CACtBC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CACxBC,QAAQ,CAAEC,KAAK,IAAK;IACnB,SAAS;;IACTzB,cAAc,CAACK,KAAK,GAAGK,gCAAe,CAACc,QAAQ,CAC7CC,KAAK,EACLzB,cAAc,CAACK,KAAK,EACpBX,KAAK,EACLoB,gBAAgB,CAACT,KACnB,CAAC;EACH,CAAC,CAAC,CACDqB,KAAK,CAAED,KAAK,IAAK;IAChB,SAAS;;IACT,MAAME,KAAK,GAAGjB,gCAAe,CAACgB,KAAK,CACjCD,KAAK,EACLb,wBAAwB,EACxBlB,KAAK,EACLoB,gBAAgB,CAACT,KACnB,CAAC;IACDL,cAAc,CAACK,KAAK,GAAGK,gCAAe,CAACC,SAAS,CAACgB,KAAK,CAACtB,KAAK,CAAC;IAC7DS,gBAAgB,CAACT,KAAK,CAACN,KAAK,GAAG4B,KAAK,CAAC5B,KAAK;IAC1C,IAAA6B,8BAAO,EAACpC,QAAQ,CAAC,CAACmC,KAAK,CAAC5B,KAAK,CAAC;EAChC,CAAC,CAAC,EACN,CAACa,wBAAwB,EAAElB,KAAK,CAClC,CAAC;EAED,MAAMmC,mBAAmB,GAAG,IAAAC,uCAAgB,EAAC,OAAO;IAClDC,SAAS,EAAE,CACT;MACEC,UAAU,EAAE,IAAA1B,kCAAW,EACrBN,cAAc,CAACK,KAAK,EACpB,CAAC,CAACX,KAAK,IAAIN,eAAe,CAACU,MAAM,CAACoB,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EACjD,CAAC,CAACxB,KAAK,IAAIN,eAAe,CAACU,MAAM,CAACoB,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EACjD,OACF;IACF,CAAC;EAEL,CAAC,CAAC,CAAC;EAEH,MAAMe,MAAM,GAAGjD,cAAK,CAACkD,WAAW,CAC7BC,GAAW,IAAK;IACf,MAAMC,QAAQ,GAAGhD,eAAe,CAACU,MAAM,CAACuC,SAAS,CAC9CC,KAAK,IAAKA,KAAK,CAACH,GAAG,KAAKA,GAC3B,CAAC;IACD,IAAIC,QAAQ,KAAK,CAAC,CAAC,EAAE;MACnB;IACF;IACApC,cAAc,CAACK,KAAK,GAAGK,gCAAe,CAACC,SAAS,CAAC,CAACyB,QAAQ,GAAG1C,KAAK,CAAC;EACrE,CAAC,EACD,CAACN,eAAe,CAACU,MAAM,EAAEE,cAAc,EAAEN,KAAK,CAChD,CAAC;EAED,MAAM6C,YAAY,GAAG,IAAAL,kBAAW,EAC9B,CAACM,MAAyC,EAAEC,cAAc,GAAG,IAAI,kBAC/D,IAAAhF,WAAA,CAAAiF,GAAA,EAACtF,YAAA,CAAAuF,IAAI;IAAwCC,KAAK,EAAE;MAAElD;IAAM,CAAE;IAAAmD,QAAA,EAC3DJ,cAAc,GAAGnD,WAAW,CAACkD,MAAM,CAAC,GAAGtD,eAAe,CAAC;EAAC,GADhD,cAAcsD,MAAM,CAACF,KAAK,CAACH,GAAG,EAEnC,CACP,EACD,CAACjD,eAAe,EAAEI,WAAW,EAAEI,KAAK,CACtC,CAAC;EAED,MAAMoD,MAAM,GAAG,IAAAjC,cAAO,EACpB,MACEzB,eAAe,CAACU,MAAM,CAACS,GAAG,CAAC,CAAC+B,KAAK,EAAEvC,KAAK,KAAK;IAC3C,IAAI,CAACZ,IAAI,EAAE;MACT,OAAOoD,YAAY,CAAC;QAAEN,MAAM;QAAEK;MAAM,CAAC,CAAC;IACxC;IACA,MAAMS,MAAM,GAAGnD,aAAa,CAACoD,OAAO,CAACC,IAAI,CACtCC,YAAY,IAAKA,YAAY,EAAEf,GAAG,KAAKG,KAAK,CAACH,GAChD,CAAC;IACD,IAAIY,MAAM,KAAKI,SAAS,EAAE;MACxB,OAAOZ,YAAY,CAAC;QAAEN,MAAM;QAAEK;MAAM,CAAC,CAAC;IACxC;IACA,IAAIlD,eAAe,CAACW,KAAK,KAAKA,KAAK,EAAE;MACnCH,aAAa,CAACoD,OAAO,CAACI,IAAI,CAACd,KAAK,CAAC;MACjC,OAAOC,YAAY,CAAC;QAAEN,MAAM;QAAEK;MAAM,CAAC,CAAC;IACxC;IACA,OAAOC,YAAY,CAAC;MAAEN,MAAM;MAAEK;IAAM,CAAC,EAAE,KAAK,CAAC;EAC/C,CAAC,CAAC,EACJ,CACElD,eAAe,CAACU,MAAM,EACtBV,eAAe,CAACW,KAAK,EACrBZ,IAAI,EACJoD,YAAY,EACZN,MAAM,CAEV,CAAC;EAED,oBACE,IAAAxE,WAAA,CAAAiF,GAAA,EAACrF,0BAAA,CAAAgG,sBAAsB;IAACT,KAAK,EAAEU,aAAa,CAACC,IAAK;IAAAV,QAAA,eAChD,IAAApF,WAAA,CAAA+F,IAAA,EAAClG,sBAAA,CAAAU,OAAU,CAAC2E,IAAI;MAACc,MAAM,EAAEC,uCAAiB;MAACd,KAAK,EAAEU,aAAa,CAACC,IAAK;MAAAV,QAAA,GAClEtD,YAAY,GACTA,YAAY,CAAC;QACXH,eAAe;QACfI,QAAQ,EAAEiB,SAAS;QACnBhB;MACF,CAAC,CAAC,GACF,IAAI,eACR,IAAAhC,WAAA,CAAAiF,GAAA,EAACrF,0BAAA,CAAAsG,eAAe;QAACC,OAAO,EAAEzC,UAAW;QAAA0B,QAAA,eACnC,IAAApF,WAAA,CAAAiF,GAAA,EAACpF,sBAAA,CAAAU,OAAU,CAAC2E,IAAI;UACdc,MAAM,EAAEC,uCAAiB;UACzBd,KAAK,EAAE,CACLf,mBAAmB,EACnByB,aAAa,CAACC,IAAI,EAClB;YAAE7D,KAAK,EAAEA,KAAK,GAAGN,eAAe,CAACU,MAAM,CAACoB,MAAM,GAAG;UAAE,CAAC,EACpDoC,aAAa,CAACO,cAAc,CAC5B;UAAAhB,QAAA,EAEDC;QAAM,CACQ;MAAC,CACH,CAAC;IAAA,CACH;EAAC,CACI,CAAC;AAE7B,CACF,CAAC;AAED,MAAMQ,aAAa,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EACtCR,IAAI,EAAE;IACJA,IAAI,EAAE;EACR,CAAC;EACDM,cAAc,EAAE;IACdG,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -8,44 +8,61 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
10
|
var _useTabContext = require("../../hooks/useTabContext");
|
|
11
|
+
var _TabBarBaseItem = require("./TabBarBaseItem");
|
|
11
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
13
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
14
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
15
|
const TabBarBaseComponent = ({
|
|
15
16
|
children,
|
|
16
17
|
navigationState,
|
|
17
|
-
position,
|
|
18
18
|
style,
|
|
19
|
-
navigate
|
|
19
|
+
navigate,
|
|
20
|
+
screenOptions
|
|
20
21
|
}) => {
|
|
21
|
-
const layout = (0, _reactNative.useWindowDimensions)();
|
|
22
22
|
const {
|
|
23
23
|
topTabHeight,
|
|
24
|
-
|
|
24
|
+
positionX
|
|
25
25
|
} = (0, _useTabContext.useTabContext)();
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
26
|
+
const width = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
27
|
+
const {
|
|
28
|
+
tabBarIndicatorStyle,
|
|
29
|
+
tabBarItemStyle,
|
|
30
|
+
tabBarStyle
|
|
31
|
+
} = screenOptions ?? {};
|
|
32
|
+
const inputRange = navigationState.routes.map((_, index) => index);
|
|
33
|
+
const indicatorStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
34
|
+
const outputRange = navigationState.routes.map((_, index) => index * (width.value / navigationState.routes.length));
|
|
35
|
+
return {
|
|
36
|
+
transform: [{
|
|
37
|
+
translateX: (0, _reactNativeReanimated.interpolate)(positionX.value, inputRange, outputRange)
|
|
38
|
+
}],
|
|
39
|
+
width: width.value / navigationState.routes.length
|
|
40
|
+
};
|
|
41
|
+
});
|
|
31
42
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
|
|
32
43
|
onLayout: ({
|
|
33
44
|
nativeEvent
|
|
34
45
|
}) => {
|
|
35
46
|
topTabHeight.value = nativeEvent.layout.height;
|
|
36
47
|
},
|
|
37
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
48
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
|
|
49
|
+
onLayout: ({
|
|
50
|
+
nativeEvent
|
|
51
|
+
}) => {
|
|
52
|
+
width.value = nativeEvent.layout.width;
|
|
53
|
+
},
|
|
54
|
+
style: [styles.wrapper, tabBarStyle, style],
|
|
55
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
56
|
+
style: [styles.indicator, indicatorStyle, tabBarIndicatorStyle]
|
|
57
|
+
}), navigationState.routes.map((route, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabBarBaseItem.TabBarBaseItem, {
|
|
58
|
+
index: index,
|
|
59
|
+
inputRange: inputRange,
|
|
41
60
|
onPress: () => {
|
|
42
61
|
navigate(index);
|
|
43
62
|
},
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
})
|
|
48
|
-
}, route.key))
|
|
63
|
+
route: route,
|
|
64
|
+
style: tabBarItemStyle
|
|
65
|
+
}, route.key))]
|
|
49
66
|
}), children]
|
|
50
67
|
});
|
|
51
68
|
};
|
|
@@ -58,15 +75,15 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
58
75
|
alignItems: 'center',
|
|
59
76
|
justifyContent: 'center'
|
|
60
77
|
},
|
|
61
|
-
label: {
|
|
62
|
-
color: 'red'
|
|
63
|
-
},
|
|
64
78
|
wrapper: {
|
|
65
|
-
width: '100%',
|
|
66
79
|
flexDirection: 'row',
|
|
67
|
-
backgroundColor: 'white'
|
|
68
|
-
|
|
69
|
-
|
|
80
|
+
backgroundColor: 'white'
|
|
81
|
+
},
|
|
82
|
+
indicator: {
|
|
83
|
+
backgroundColor: 'black',
|
|
84
|
+
bottom: 0,
|
|
85
|
+
height: 2,
|
|
86
|
+
position: 'absolute'
|
|
70
87
|
}
|
|
71
88
|
});
|
|
72
89
|
//# sourceMappingURL=TabBarBaseComponent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_useTabContext","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TabBarBaseComponent","children","navigationState","
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_useTabContext","_TabBarBaseItem","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TabBarBaseComponent","children","navigationState","style","navigate","screenOptions","topTabHeight","positionX","useTabContext","width","useSharedValue","tabBarIndicatorStyle","tabBarItemStyle","tabBarStyle","inputRange","routes","map","_","index","indicatorStyle","useAnimatedStyle","outputRange","value","length","transform","translateX","interpolate","jsxs","View","onLayout","nativeEvent","layout","height","styles","wrapper","jsx","indicator","route","TabBarBaseItem","onPress","key","exports","StyleSheet","create","labelWrapper","flex","alignItems","justifyContent","flexDirection","backgroundColor","bottom","position"],"sourceRoot":"../../../../src","sources":["components/elements/TabBarBaseComponent.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.TabBarBaseItem = void 0;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
9
|
+
var _useTabContext = require("../../hooks/useTabContext");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
|
+
const TabBarBaseItem = ({
|
|
14
|
+
index,
|
|
15
|
+
inputRange,
|
|
16
|
+
onPress,
|
|
17
|
+
route,
|
|
18
|
+
style
|
|
19
|
+
}) => {
|
|
20
|
+
const {
|
|
21
|
+
positionX
|
|
22
|
+
} = (0, _useTabContext.useTabContext)();
|
|
23
|
+
const activeStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
24
|
+
opacity: (0, _reactNativeReanimated.interpolate)(positionX.value, inputRange, inputRange.map(i => i === index ? 1 : 0)),
|
|
25
|
+
position: 'absolute'
|
|
26
|
+
}));
|
|
27
|
+
const inactiveStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
28
|
+
opacity: (0, _reactNativeReanimated.interpolate)(positionX.value, inputRange, inputRange.map(i => i === index ? 0 : 1))
|
|
29
|
+
}));
|
|
30
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
|
|
31
|
+
onPress: () => onPress(index),
|
|
32
|
+
style: [styles.container, style],
|
|
33
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
34
|
+
style: activeStyle,
|
|
35
|
+
children: route.tabBarLabel ? route.tabBarLabel(true) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
36
|
+
children: route.title
|
|
37
|
+
})
|
|
38
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
39
|
+
style: inactiveStyle,
|
|
40
|
+
children: route.tabBarLabel ? route.tabBarLabel(false) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
41
|
+
children: route.title
|
|
42
|
+
})
|
|
43
|
+
})]
|
|
44
|
+
});
|
|
45
|
+
};
|
|
46
|
+
exports.TabBarBaseItem = TabBarBaseItem;
|
|
47
|
+
const styles = _reactNative.StyleSheet.create({
|
|
48
|
+
container: {
|
|
49
|
+
alignItems: 'center',
|
|
50
|
+
flex: 1,
|
|
51
|
+
justifyContent: 'center',
|
|
52
|
+
minHeight: 50
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
//# sourceMappingURL=TabBarBaseItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_interopRequireWildcard","_useTabContext","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TabBarBaseItem","index","inputRange","onPress","route","style","positionX","useTabContext","activeStyle","useAnimatedStyle","opacity","interpolate","value","map","position","inactiveStyle","jsxs","Pressable","styles","container","children","jsx","View","tabBarLabel","Text","title","exports","StyleSheet","create","alignItems","flex","justifyContent","minHeight"],"sourceRoot":"../../../../src","sources":["components/elements/TabBarBaseItem.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -14,12 +14,12 @@ const TabBarLabelBaseComponent = ({
|
|
|
14
14
|
index,
|
|
15
15
|
...props
|
|
16
16
|
}) => {
|
|
17
|
-
const
|
|
17
|
+
const positionX = (0, _useTabOffset.useTabOffset)();
|
|
18
18
|
const style = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
19
|
-
backgroundColor: (0, _reactNativeReanimated.interpolateColor)(
|
|
19
|
+
backgroundColor: (0, _reactNativeReanimated.interpolateColor)(positionX.value, [index - 1, index, index + 1], ['transparent', 'blue', 'transparent'])
|
|
20
20
|
}), []);
|
|
21
21
|
const textStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
22
|
-
color: (0, _reactNativeReanimated.interpolateColor)(
|
|
22
|
+
color: (0, _reactNativeReanimated.interpolateColor)(positionX.value, [index - 1, index, index + 1], ['black', 'white', 'black'])
|
|
23
23
|
}), []);
|
|
24
24
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
25
25
|
style: [style, styles.wrapper],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_interopRequireWildcard","_useTabOffset","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TabBarLabelBaseComponent","index","props","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_interopRequireWildcard","_useTabOffset","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TabBarLabelBaseComponent","index","props","positionX","useTabOffset","style","useAnimatedStyle","backgroundColor","interpolateColor","value","textStyle","color","jsx","View","styles","wrapper","children","Text","text","title","exports","StyleSheet","create","fontWeight","textTransform","borderRadius","height","justifyContent","paddingHorizontal","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/elements/TabBarLabelBaseComponent.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAC,uBAAA,CAAAF,OAAA;AAKA,IAAAG,aAAA,GAAAH,OAAA;AAAwD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAQjD,MAAMW,wBAAwB,GAAGA,CAAC;EACvCC,KAAK;EACL,GAAGC;AACa,CAAC,KAAK;EACtB,MAAMC,SAAS,GAAG,IAAAC,0BAAY,EAAC,CAAC;EAEhC,MAAMC,KAAK,GAAG,IAAAC,uCAAgB,EAC5B,OAAO;IACLC,eAAe,EAAE,IAAAC,uCAAgB,EAC/BL,SAAS,CAACM,KAAK,EACf,CAACR,KAAK,GAAG,CAAC,EAAEA,KAAK,EAAEA,KAAK,GAAG,CAAC,CAAC,EAC7B,CAAC,aAAa,EAAE,MAAM,EAAE,aAAa,CACvC;EACF,CAAC,CAAC,EACF,EACF,CAAC;EAED,MAAMS,SAAS,GAAG,IAAAJ,uCAAgB,EAChC,OAAO;IACLK,KAAK,EAAE,IAAAH,uCAAgB,EACrBL,SAAS,CAACM,KAAK,EACf,CAACR,KAAK,GAAG,CAAC,EAAEA,KAAK,EAAEA,KAAK,GAAG,CAAC,CAAC,EAC7B,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAC5B;EACF,CAAC,CAAC,EACF,EACF,CAAC;EAED,oBACE,IAAAtB,WAAA,CAAAiC,GAAA,EAACpC,sBAAA,CAAAU,OAAU,CAAC2B,IAAI;IAACR,KAAK,EAAE,CAACA,KAAK,EAAES,MAAM,CAACC,OAAO,CAAE;IAAAC,QAAA,eAC9C,IAAArC,WAAA,CAAAiC,GAAA,EAACpC,sBAAA,CAAAU,OAAU,CAAC+B,IAAI;MAACZ,KAAK,EAAE,CAACK,SAAS,EAAEI,MAAM,CAACI,IAAI,CAAE;MAAAF,QAAA,EAC9Cd,KAAK,CAACiB;IAAK,CACG;EAAC,CACH,CAAC;AAEtB,CAAC;AAACC,OAAA,CAAApB,wBAAA,GAAAA,wBAAA;AAEF,MAAMc,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAC/BJ,IAAI,EAAE;IACJK,UAAU,EAAE,MAAM;IAClBC,aAAa,EAAE;EACjB,CAAC;EACDT,OAAO,EAAE;IACPU,YAAY,EAAE,EAAE;IAChBC,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE,QAAQ;IACxBC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -8,19 +8,26 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _reactNativeGestureHandler = require("react-native-gesture-handler");
|
|
9
9
|
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
10
|
var _useTabContext = require("../../hooks/useTabContext");
|
|
11
|
+
var _reactNative = require("react-native");
|
|
11
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
13
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
13
14
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
15
|
const GestureWrapper = ({
|
|
15
|
-
children
|
|
16
|
+
children,
|
|
17
|
+
bounces
|
|
16
18
|
}) => {
|
|
19
|
+
const _bounces = _reactNative.Platform.select({
|
|
20
|
+
ios: bounces,
|
|
21
|
+
default: false
|
|
22
|
+
});
|
|
17
23
|
const {
|
|
18
24
|
context,
|
|
19
25
|
currentScreenIndex,
|
|
20
26
|
currentYPosition,
|
|
21
27
|
gestureEnabled,
|
|
22
28
|
headerHeight,
|
|
23
|
-
transformationY
|
|
29
|
+
transformationY,
|
|
30
|
+
scrollY
|
|
24
31
|
} = (0, _useTabContext.useTabContext)();
|
|
25
32
|
const movedY = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
26
33
|
const gestureRef = (0, _react.useRef)(_reactNativeGestureHandler.Gesture.Pan());
|
|
@@ -73,19 +80,41 @@ const GestureWrapper = ({
|
|
|
73
80
|
}).simultaneousWithExternalGesture(...Object.values(context.screen.properties).map(({
|
|
74
81
|
nativeGesture
|
|
75
82
|
}) => nativeGesture)).withRef(gestureRef).enabled(_gestureEnabled), [_gestureEnabled]);
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
83
|
+
(0, _reactNativeReanimated.useAnimatedReaction)(() => {
|
|
84
|
+
if (transformationY.value > 0) {
|
|
85
|
+
if (_bounces) return transformationY.value * -0.3;else return 0;
|
|
86
|
+
}
|
|
87
|
+
if (transformationY.value < -headerHeight.value) {
|
|
88
|
+
return headerHeight.value;
|
|
89
|
+
}
|
|
90
|
+
return -transformationY.value;
|
|
91
|
+
}, value => {
|
|
92
|
+
scrollY.value = value;
|
|
93
|
+
});
|
|
94
|
+
const style = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
95
|
+
return {
|
|
96
|
+
flex: 1,
|
|
97
|
+
transform: [{
|
|
98
|
+
translateY: scrollY.value * -1
|
|
99
|
+
}]
|
|
100
|
+
};
|
|
101
|
+
}, []);
|
|
82
102
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
|
|
83
103
|
gesture: gesture,
|
|
84
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
85
|
-
style:
|
|
86
|
-
children:
|
|
104
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
105
|
+
style: styles.container,
|
|
106
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
107
|
+
style: style,
|
|
108
|
+
children: children
|
|
109
|
+
})
|
|
87
110
|
})
|
|
88
111
|
});
|
|
89
112
|
};
|
|
90
113
|
exports.GestureWrapper = GestureWrapper;
|
|
114
|
+
const styles = _reactNative.StyleSheet.create({
|
|
115
|
+
container: {
|
|
116
|
+
overflow: 'hidden',
|
|
117
|
+
flex: 1
|
|
118
|
+
}
|
|
119
|
+
});
|
|
91
120
|
//# sourceMappingURL=GestureWrapper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeGestureHandler","_reactNativeReanimated","_useTabContext","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","GestureWrapper","children","context","currentScreenIndex","currentYPosition","gestureEnabled","headerHeight","transformationY","useTabContext","movedY","useSharedValue","gestureRef","useRef","Gesture","Pan","currentScreenScrollOffset","useDerivedValue","values","screen","properties","map","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeGestureHandler","_reactNativeReanimated","_useTabContext","_reactNative","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","GestureWrapper","children","bounces","_bounces","Platform","select","ios","context","currentScreenIndex","currentYPosition","gestureEnabled","headerHeight","transformationY","scrollY","useTabContext","movedY","useSharedValue","gestureRef","useRef","Gesture","Pan","currentScreenScrollOffset","useDerivedValue","values","screen","properties","map","value","withTimingConfig","duration","easing","Easing","bezier","_gestureEnabled","setGestureEnabled","useState","useAnimatedReaction","next","prev","runOnJS","gesture","useMemo","activeOffsetY","onTouchesMove","_","stateManager","fail","onUpdate","translationY","onEnd","velocityY","gestureValue","changeOffset","withTiming","destination","onFinalize","simultaneousWithExternalGesture","nativeGesture","withRef","enabled","style","useAnimatedStyle","flex","transform","translateY","jsx","GestureDetector","View","styles","container","exports","StyleSheet","create","overflow"],"sourceRoot":"../../../../src","sources":["components/wrappers/GestureWrapper.tsx"],"mappings":"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","ignoreList":[]}
|