react-navigation-reanimated-top-tabs 0.6.2 → 0.8.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 +1 -1
- package/lib/commonjs/components/ReanimatedTopTab/AnimationHelper.js.map +1 -1
- package/lib/commonjs/components/ReanimatedTopTab/ReanimatedTabView.js +4 -2
- 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 +42 -17
- package/lib/commonjs/components/elements/TabBarBaseComponent.js.map +1 -1
- package/lib/commonjs/components/elements/TabBarBaseItem.js +52 -0
- package/lib/commonjs/components/elements/TabBarBaseItem.js.map +1 -0
- package/lib/commonjs/components/wrappers/GestureWrapper.js +14 -4
- 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 +10 -7
- package/lib/commonjs/context/Context.hooks.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/useScreenDimensions.js +23 -0
- package/lib/commonjs/hooks/useScreenDimensions.js.map +1 -0
- package/lib/commonjs/hooks/useScreenScrollable.js +2 -2
- package/lib/commonjs/hooks/useScreenScrollable.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 +24 -22
- package/lib/commonjs/navigator/createReanimatedTopTabNavigator.js.map +1 -1
- package/lib/commonjs/types.js.map +1 -1
- package/lib/module/components/ReanimatedTopTab/AnimationHelper.js +3 -3
- package/lib/module/components/ReanimatedTopTab/AnimationHelper.js.map +1 -1
- package/lib/module/components/ReanimatedTopTab/ReanimatedTabView.js +4 -2
- 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 +44 -19
- package/lib/module/components/elements/TabBarBaseComponent.js.map +1 -1
- package/lib/module/components/elements/TabBarBaseItem.js +45 -0
- package/lib/module/components/elements/TabBarBaseItem.js.map +1 -0
- package/lib/module/components/wrappers/GestureWrapper.js +14 -4
- 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 +10 -7
- package/lib/module/context/Context.hooks.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/useScreenDimensions.js +18 -0
- package/lib/module/hooks/useScreenDimensions.js.map +1 -0
- package/lib/module/hooks/useScreenScrollable.js +2 -2
- package/lib/module/hooks/useScreenScrollable.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 +25 -23
- package/lib/module/navigator/createReanimatedTopTabNavigator.js.map +1 -1
- package/lib/module/types.js.map +1 -1
- package/lib/typescript/src/components/ReanimatedTopTab/ReanimatedTabView.d.ts +2 -0
- package/lib/typescript/src/components/ReanimatedTopTab/ReanimatedTabView.d.ts.map +1 -1
- package/lib/typescript/src/components/ReanimatedTopTab/types.d.ts +3 -1
- 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 +14 -0
- package/lib/typescript/src/components/elements/TabBarBaseItem.d.ts.map +1 -0
- 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.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/useScreenDimensions.d.ts +2 -0
- package/lib/typescript/src/hooks/useScreenDimensions.d.ts.map +1 -0
- 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 +8 -4
- package/lib/typescript/src/types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/ReanimatedTopTab/AnimationHelper.ts +3 -3
- package/src/components/ReanimatedTopTab/ReanimatedTabView.tsx +4 -0
- package/src/components/ReanimatedTopTab/types.ts +3 -1
- package/src/components/elements/TabBarBaseComponent.tsx +53 -19
- package/src/components/elements/TabBarBaseItem.tsx +76 -0
- package/src/components/wrappers/GestureWrapper.tsx +12 -2
- package/src/components/wrappers/SectionList.tsx +75 -0
- package/src/context/Context.hooks.ts +13 -5
- package/src/hooks/useHeader.ts +3 -21
- package/src/hooks/useScreenDimensions.ts +17 -0
- package/src/hooks/useScreenScrollable.ts +2 -2
- package/src/index.tsx +2 -0
- package/src/navigator/createReanimatedTopTabNavigator.tsx +30 -26
- package/src/types.ts +18 -4
|
@@ -61,7 +61,7 @@ const onEnd = (event, minimumValueToChangeView, width, navigationState) => {
|
|
|
61
61
|
value: -width * navigationState.index
|
|
62
62
|
};
|
|
63
63
|
};
|
|
64
|
-
const animation = (newValue, duration =
|
|
64
|
+
const animation = (newValue, duration = 350) => {
|
|
65
65
|
'worklet';
|
|
66
66
|
|
|
67
67
|
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","value","translationX","animation","newValue","duration","
|
|
1
|
+
{"version":3,"names":["_reactNativeReanimated","require","onChange","event","animationValue","width","navigationState","routesLength","size","changeX","getIndex","type","index","onEnd","minimumValueToChangeView","velocityX","value","translationX","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,IAAIA,IAAI,KAAK,WAAW,EAAE;IACxB,OAAOL,eAAe,CAACM,KAAK,KAAKN,eAAe,CAACE,IAAI,GAAG,CAAC,GACrDF,eAAe,CAACM,KAAK,GACrBN,eAAe,CAACM,KAAK,GAAG,CAAC;EAC/B;EACA,OAAON,eAAe,CAACM,KAAK,KAAK,CAAC,GAC9BN,eAAe,CAACM,KAAK,GACrBN,eAAe,CAACM,KAAK,GAAG,CAAC;AAC/B,CAAC;AAED,MAAMC,KAAK,GAAGA,CACZV,KAA6D,EAC7DW,wBAAgC,EAChCT,KAAa,EACbC,eAAgC,KAC7B;EACH,SAAS;;EACT,IAAIH,KAAK,CAACY,SAAS,GAAG,CAAC,GAAG,EAAE;IAC1B,OAAO;MACLH,KAAK,EAAEF,QAAQ,CAACJ,eAAe,EAAE,WAAW,CAAC;MAC7CU,KAAK,EAAE,CAACX,KAAK,IAAIC,eAAe,CAACM,KAAK,GAAG,CAAC;IAC5C,CAAC;EACH;EACA,IAAIT,KAAK,CAACY,SAAS,GAAG,GAAG,EAAE;IACzB,OAAO;MACLH,KAAK,EAAEF,QAAQ,CAACJ,eAAe,EAAE,WAAW,CAAC;MAC7CU,KAAK,EAAE,CAACX,KAAK,IAAIC,eAAe,CAACM,KAAK,GAAG,CAAC;IAC5C,CAAC;EACH;EACA,IAAIT,KAAK,CAACc,YAAY,GAAG,CAAC,EAAE;IAC1B,IAAId,KAAK,CAACc,YAAY,GAAG,CAACH,wBAAwB,EAAE;MAClD,OAAO;QACLF,KAAK,EAAEF,QAAQ,CAACJ,eAAe,EAAE,WAAW,CAAC;QAC7CU,KAAK,EAAE,CAACX,KAAK,IAAIC,eAAe,CAACM,KAAK,GAAG,CAAC;MAC5C,CAAC;IACH;EACF;EACA,IAAIT,KAAK,CAACc,YAAY,GAAG,CAAC,EAAE;IAC1B,IAAId,KAAK,CAACc,YAAY,GAAGH,wBAAwB,EAAE;MACjD,OAAO;QACLF,KAAK,EAAEF,QAAQ,CAACJ,eAAe,EAAE,WAAW,CAAC;QAC7CU,KAAK,EAAE,CAACX,KAAK,IAAIC,eAAe,CAACM,KAAK,GAAG,CAAC;MAC5C,CAAC;IACH;EACF;EACA,OAAO;IACLA,KAAK,EAAEN,eAAe,CAACM,KAAK;IAC5BI,KAAK,EAAE,CAACX,KAAK,GAAGC,eAAe,CAACM;EAClC,CAAC;AACH,CAAC;AAED,MAAMM,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;EACThB,QAAQ;EACRW;AACF,CAAC","ignoreList":[]}
|
|
@@ -20,7 +20,8 @@ const ReanimatedTabView = exports.ReanimatedTabView = /*#__PURE__*/_react.defaul
|
|
|
20
20
|
positionInterpolation,
|
|
21
21
|
renderScene,
|
|
22
22
|
renderTabBar,
|
|
23
|
-
navigate
|
|
23
|
+
navigate,
|
|
24
|
+
screenOptions
|
|
24
25
|
}) => {
|
|
25
26
|
const {
|
|
26
27
|
width
|
|
@@ -112,7 +113,8 @@ const ReanimatedTabView = exports.ReanimatedTabView = /*#__PURE__*/_react.defaul
|
|
|
112
113
|
children: [renderTabBar ? renderTabBar({
|
|
113
114
|
navigationState,
|
|
114
115
|
position,
|
|
115
|
-
navigate: _navigate
|
|
116
|
+
navigate: _navigate,
|
|
117
|
+
screenOptions
|
|
116
118
|
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
|
|
117
119
|
gesture: panGesture,
|
|
118
120
|
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","positionInterpolation","renderScene","renderTabBar","navigate","width","useWindowDimensions","loadedScreens","useRef","routes","index","scrollPosition","useSharedValue","position","useDerivedValue","value","interpolate","input","output","Extrapolation","CLAMP","_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","map","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;
|
|
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","positionInterpolation","renderScene","renderTabBar","navigate","screenOptions","width","useWindowDimensions","loadedScreens","useRef","routes","index","scrollPosition","useSharedValue","position","useDerivedValue","value","interpolate","input","output","Extrapolation","CLAMP","_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","map","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":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ReanimatedTabViewTypes","exports"],"sourceRoot":"../../../../src","sources":["components/ReanimatedTopTab/types.ts"],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"names":["ReanimatedTabViewTypes","exports"],"sourceRoot":"../../../../src","sources":["components/ReanimatedTopTab/types.ts"],"mappings":";;;;;;IAIiBA,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA","ignoreList":[]}
|
|
@@ -8,6 +8,7 @@ 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; }
|
|
@@ -16,13 +17,30 @@ const TabBarBaseComponent = ({
|
|
|
16
17
|
navigationState,
|
|
17
18
|
position,
|
|
18
19
|
style,
|
|
19
|
-
navigate
|
|
20
|
+
navigate,
|
|
21
|
+
screenOptions
|
|
20
22
|
}) => {
|
|
21
23
|
const layout = (0, _reactNative.useWindowDimensions)();
|
|
22
24
|
const {
|
|
23
25
|
topTabHeight,
|
|
24
26
|
transformationX
|
|
25
27
|
} = (0, _useTabContext.useTabContext)();
|
|
28
|
+
const width = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
29
|
+
const {
|
|
30
|
+
tabBarIndicatorStyle,
|
|
31
|
+
tabBarItemStyle,
|
|
32
|
+
tabBarStyle
|
|
33
|
+
} = screenOptions ?? {};
|
|
34
|
+
const inputRange = navigationState.routes.map((_, index) => index);
|
|
35
|
+
const indicatorStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
36
|
+
const outputRange = navigationState.routes.map((_, index) => index * (width.value / navigationState.routes.length));
|
|
37
|
+
return {
|
|
38
|
+
transform: [{
|
|
39
|
+
translateX: (0, _reactNativeReanimated.interpolate)(transformationX.value, inputRange, outputRange)
|
|
40
|
+
}],
|
|
41
|
+
width: width.value / navigationState.routes.length
|
|
42
|
+
};
|
|
43
|
+
});
|
|
26
44
|
|
|
27
45
|
//Assign interpolated offsetX to transformationX
|
|
28
46
|
(0, _reactNativeReanimated.useAnimatedReaction)(() => (0, _reactNativeReanimated.interpolate)(position.value, navigationState.routes.map((_, i) => i * layout.width), navigationState.routes.map((_, i) => i), 'clamp'), value => {
|
|
@@ -34,18 +52,25 @@ const TabBarBaseComponent = ({
|
|
|
34
52
|
}) => {
|
|
35
53
|
topTabHeight.value = nativeEvent.layout.height;
|
|
36
54
|
},
|
|
37
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
55
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
|
|
56
|
+
onLayout: ({
|
|
57
|
+
nativeEvent
|
|
58
|
+
}) => {
|
|
59
|
+
width.value = nativeEvent.layout.width;
|
|
60
|
+
},
|
|
61
|
+
style: [styles.wrapper, tabBarStyle, style],
|
|
62
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
63
|
+
style: [styles.indicator, indicatorStyle, tabBarIndicatorStyle]
|
|
64
|
+
}), navigationState.routes.map((route, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabBarBaseItem.TabBarBaseItem, {
|
|
65
|
+
index: index,
|
|
66
|
+
inputRange: inputRange,
|
|
67
|
+
position: transformationX,
|
|
41
68
|
onPress: () => {
|
|
42
69
|
navigate(index);
|
|
43
70
|
},
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
})
|
|
48
|
-
}, route.key))
|
|
71
|
+
route: route,
|
|
72
|
+
style: tabBarItemStyle
|
|
73
|
+
}, route.key))]
|
|
49
74
|
}), children]
|
|
50
75
|
});
|
|
51
76
|
};
|
|
@@ -58,15 +83,15 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
58
83
|
alignItems: 'center',
|
|
59
84
|
justifyContent: 'center'
|
|
60
85
|
},
|
|
61
|
-
label: {
|
|
62
|
-
color: 'red'
|
|
63
|
-
},
|
|
64
86
|
wrapper: {
|
|
65
|
-
width: '100%',
|
|
66
87
|
flexDirection: 'row',
|
|
67
|
-
backgroundColor: 'white'
|
|
68
|
-
|
|
69
|
-
|
|
88
|
+
backgroundColor: 'white'
|
|
89
|
+
},
|
|
90
|
+
indicator: {
|
|
91
|
+
backgroundColor: 'black',
|
|
92
|
+
bottom: 0,
|
|
93
|
+
height: 2,
|
|
94
|
+
position: 'absolute'
|
|
70
95
|
}
|
|
71
96
|
});
|
|
72
97
|
//# 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","position","style","navigate","layout","useWindowDimensions","topTabHeight","transformationX","useTabContext","
|
|
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","position","style","navigate","screenOptions","layout","useWindowDimensions","topTabHeight","transformationX","useTabContext","width","useSharedValue","tabBarIndicatorStyle","tabBarItemStyle","tabBarStyle","inputRange","routes","map","_","index","indicatorStyle","useAnimatedStyle","outputRange","value","length","transform","translateX","interpolate","useAnimatedReaction","jsxs","View","onLayout","nativeEvent","height","styles","wrapper","jsx","indicator","route","TabBarBaseItem","onPress","key","exports","StyleSheet","create","labelWrapper","flex","alignItems","justifyContent","flexDirection","backgroundColor","bottom"],"sourceRoot":"../../../../src","sources":["components/elements/TabBarBaseComponent.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,52 @@
|
|
|
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 _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
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); }
|
|
11
|
+
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; }
|
|
12
|
+
const TabBarBaseItem = ({
|
|
13
|
+
position,
|
|
14
|
+
index,
|
|
15
|
+
inputRange,
|
|
16
|
+
onPress,
|
|
17
|
+
route,
|
|
18
|
+
style
|
|
19
|
+
}) => {
|
|
20
|
+
const activeStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
21
|
+
opacity: (0, _reactNativeReanimated.interpolate)(position.value, inputRange, inputRange.map(i => i === index ? 1 : 0)),
|
|
22
|
+
position: 'absolute'
|
|
23
|
+
}));
|
|
24
|
+
const inactiveStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
25
|
+
opacity: (0, _reactNativeReanimated.interpolate)(position.value, inputRange, inputRange.map(i => i === index ? 0 : 1))
|
|
26
|
+
}));
|
|
27
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
|
|
28
|
+
onPress: () => onPress(index),
|
|
29
|
+
style: [styles.container, style],
|
|
30
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
31
|
+
style: activeStyle,
|
|
32
|
+
children: route.tabBarLabel ? route.tabBarLabel(true) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
33
|
+
children: route.title
|
|
34
|
+
})
|
|
35
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
36
|
+
style: inactiveStyle,
|
|
37
|
+
children: route.tabBarLabel ? route.tabBarLabel(false) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
38
|
+
children: route.title
|
|
39
|
+
})
|
|
40
|
+
})]
|
|
41
|
+
});
|
|
42
|
+
};
|
|
43
|
+
exports.TabBarBaseItem = TabBarBaseItem;
|
|
44
|
+
const styles = _reactNative.StyleSheet.create({
|
|
45
|
+
container: {
|
|
46
|
+
alignItems: 'center',
|
|
47
|
+
flex: 1,
|
|
48
|
+
justifyContent: 'center',
|
|
49
|
+
minHeight: 50
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
//# sourceMappingURL=TabBarBaseItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_interopRequireWildcard","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TabBarBaseItem","position","index","inputRange","onPress","route","style","activeStyle","useAnimatedStyle","opacity","interpolate","value","map","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":[]}
|
|
@@ -8,6 +8,7 @@ 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; }
|
|
@@ -31,7 +32,7 @@ const GestureWrapper = ({
|
|
|
31
32
|
duration: 300,
|
|
32
33
|
easing: _reactNativeReanimated.Easing.bezier(0.25, 0.1, 0.25, 1)
|
|
33
34
|
};
|
|
34
|
-
const [_gestureEnabled, setGestureEnabled] = (0, _react.useState)(
|
|
35
|
+
const [_gestureEnabled, setGestureEnabled] = (0, _react.useState)(true);
|
|
35
36
|
(0, _reactNativeReanimated.useAnimatedReaction)(() => gestureEnabled.value, (next, prev) => {
|
|
36
37
|
if (next === prev) return;
|
|
37
38
|
(0, _reactNativeReanimated.runOnJS)(setGestureEnabled)(next);
|
|
@@ -81,11 +82,20 @@ const GestureWrapper = ({
|
|
|
81
82
|
}), []);
|
|
82
83
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
|
|
83
84
|
gesture: gesture,
|
|
84
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
85
|
-
style:
|
|
86
|
-
children:
|
|
85
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
86
|
+
style: styles.container,
|
|
87
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
88
|
+
style: style,
|
|
89
|
+
children: children
|
|
90
|
+
})
|
|
87
91
|
})
|
|
88
92
|
});
|
|
89
93
|
};
|
|
90
94
|
exports.GestureWrapper = GestureWrapper;
|
|
95
|
+
const styles = _reactNative.StyleSheet.create({
|
|
96
|
+
container: {
|
|
97
|
+
overflow: 'hidden',
|
|
98
|
+
flex: 1
|
|
99
|
+
}
|
|
100
|
+
});
|
|
91
101
|
//# 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","scrollY","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","interpolate","jsx","GestureDetector","View","exports"],"sourceRoot":"../../../../src","sources":["components/wrappers/GestureWrapper.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,0BAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAH,uBAAA,CAAAC,OAAA;AAWA,IAAAG,cAAA,GAAAH,OAAA;
|
|
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","context","currentScreenIndex","currentYPosition","gestureEnabled","headerHeight","transformationY","useTabContext","movedY","useSharedValue","gestureRef","useRef","Gesture","Pan","currentScreenScrollOffset","useDerivedValue","values","screen","properties","map","scrollY","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","interpolate","jsx","GestureDetector","View","styles","container","exports","StyleSheet","create","overflow"],"sourceRoot":"../../../../src","sources":["components/wrappers/GestureWrapper.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.SectionList = void 0;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _reactNativeGestureHandler = require("react-native-gesture-handler");
|
|
9
|
+
var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
|
|
10
|
+
var _react = require("react");
|
|
11
|
+
var _native = require("@react-navigation/native");
|
|
12
|
+
var _useTabContext = require("../../hooks/useTabContext");
|
|
13
|
+
var _useScreenGesture = require("../../hooks/useScreenGesture");
|
|
14
|
+
var _useScreenScrollable = require("../../hooks/useScreenScrollable");
|
|
15
|
+
var _useScreenProperties = require("../../hooks/useScreenProperties");
|
|
16
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
|
+
const SectionList = ({
|
|
19
|
+
children,
|
|
20
|
+
style,
|
|
21
|
+
contentContainerStyle,
|
|
22
|
+
onLayout,
|
|
23
|
+
...props
|
|
24
|
+
}) => {
|
|
25
|
+
const gesture = (0, _useScreenGesture.useScreenGesture)();
|
|
26
|
+
const {
|
|
27
|
+
style: _style,
|
|
28
|
+
contentContainerStyle: _contentContainerStyle,
|
|
29
|
+
onScroll,
|
|
30
|
+
bounces,
|
|
31
|
+
animatedProps,
|
|
32
|
+
overScrollMode
|
|
33
|
+
} = (0, _useScreenScrollable.useScreenScrollable)();
|
|
34
|
+
const {
|
|
35
|
+
innerLayout
|
|
36
|
+
} = (0, _useScreenProperties.useScreenProperties)();
|
|
37
|
+
const {
|
|
38
|
+
context
|
|
39
|
+
} = (0, _useTabContext.useTabContext)();
|
|
40
|
+
const {
|
|
41
|
+
key
|
|
42
|
+
} = (0, _native.useRoute)();
|
|
43
|
+
const _ref = (0, _react.useRef)(null);
|
|
44
|
+
const _onLayout = event => {
|
|
45
|
+
onLayout?.(event);
|
|
46
|
+
innerLayout.value = event.nativeEvent.layout;
|
|
47
|
+
context.screen.setRef(key, _ref.current);
|
|
48
|
+
};
|
|
49
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
|
|
50
|
+
gesture: gesture,
|
|
51
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedSectionList, {
|
|
52
|
+
ref: _ref,
|
|
53
|
+
contentContainerStyle: [_contentContainerStyle, styleSheet.contentContainerStyle, contentContainerStyle],
|
|
54
|
+
onLayout: _onLayout,
|
|
55
|
+
style: [_style, style],
|
|
56
|
+
onScroll: onScroll,
|
|
57
|
+
bounces: bounces,
|
|
58
|
+
animatedProps: animatedProps,
|
|
59
|
+
overScrollMode: overScrollMode,
|
|
60
|
+
...props,
|
|
61
|
+
children: children
|
|
62
|
+
})
|
|
63
|
+
});
|
|
64
|
+
};
|
|
65
|
+
exports.SectionList = SectionList;
|
|
66
|
+
const styleSheet = _reactNative.StyleSheet.create({
|
|
67
|
+
contentContainerStyle: {
|
|
68
|
+
flexGrow: 1
|
|
69
|
+
}
|
|
70
|
+
});
|
|
71
|
+
const AnimatedSectionList = _reactNativeReanimated.default.createAnimatedComponent(_reactNative.SectionList);
|
|
72
|
+
//# sourceMappingURL=SectionList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_reactNativeGestureHandler","_reactNativeReanimated","_interopRequireDefault","_react","_native","_useTabContext","_useScreenGesture","_useScreenScrollable","_useScreenProperties","_jsxRuntime","e","__esModule","default","SectionList","children","style","contentContainerStyle","onLayout","props","gesture","useScreenGesture","_style","_contentContainerStyle","onScroll","bounces","animatedProps","overScrollMode","useScreenScrollable","innerLayout","useScreenProperties","context","useTabContext","key","useRoute","_ref","useRef","_onLayout","event","value","nativeEvent","layout","screen","setRef","current","jsx","GestureDetector","AnimatedSectionList","ref","styleSheet","exports","StyleSheet","create","flexGrow","Reanimated","createAnimatedComponent","RNSectionList"],"sourceRoot":"../../../../src","sources":["components/wrappers/SectionList.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAOA,IAAAC,0BAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AACA,IAAAO,iBAAA,GAAAP,OAAA;AACA,IAAAQ,oBAAA,GAAAR,OAAA;AACA,IAAAS,oBAAA,GAAAT,OAAA;AAAsE,IAAAU,WAAA,GAAAV,OAAA;AAAA,SAAAG,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE/D,MAAMG,WAAW,GAAGA,CAAoC;EAC7DC,QAAQ;EACRC,KAAK;EACLC,qBAAqB;EACrBC,QAAQ;EACR,GAAGC;AAC8B,CAAC,KAAK;EACvC,MAAMC,OAAO,GAAG,IAAAC,kCAAgB,EAAC,CAAC;EAClC,MAAM;IACJL,KAAK,EAAEM,MAAM;IACbL,qBAAqB,EAAEM,sBAAsB;IAC7CC,QAAQ;IACRC,OAAO;IACPC,aAAa;IACbC;EACF,CAAC,GAAG,IAAAC,wCAAmB,EAAC,CAAC;EACzB,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,wCAAmB,EAAC,CAAC;EAC7C,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,4BAAa,EAAC,CAAC;EAEnC,MAAM;IAAEC;EAAI,CAAC,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EAC1B,MAAMC,IAAI,GAAG,IAAAC,aAAM,EAAqB,IAAI,CAAC;EAE7C,MAAMC,SAAS,GAAIC,KAAwB,IAAK;IAC9CpB,QAAQ,GAAGoB,KAAK,CAAC;IACjBT,WAAW,CAACU,KAAK,GAAGD,KAAK,CAACE,WAAW,CAACC,MAAM;IAC5CV,OAAO,CAACW,MAAM,CAACC,MAAM,CAACV,GAAG,EAAEE,IAAI,CAACS,OAAO,CAAC;EAC1C,CAAC;EAED,oBACE,IAAAlC,WAAA,CAAAmC,GAAA,EAAC5C,0BAAA,CAAA6C,eAAe;IAAC1B,OAAO,EAAEA,OAAQ;IAAAL,QAAA,eAChC,IAAAL,WAAA,CAAAmC,GAAA,EAACE,mBAAmB;MAClBC,GAAG,EAAEb,IAAK;MACVlB,qBAAqB,EAAE,CACrBM,sBAAsB,EACtB0B,UAAU,CAAChC,qBAAqB,EAChCA,qBAAqB,CACrB;MACFC,QAAQ,EAAEmB,SAAU;MACpBrB,KAAK,EAAE,CAACM,MAAM,EAAEN,KAAK,CAAE;MACvBQ,QAAQ,EAAEA,QAAS;MACnBC,OAAO,EAAEA,OAAQ;MACjBC,aAAa,EAAEA,aAAc;MAC7BC,cAAc,EAAEA,cAAe;MAAA,GAC3BR,KAAK;MAAAJ,QAAA,EAERA;IAAQ,CACU;EAAC,CACP,CAAC;AAEtB,CAAC;AAACmC,OAAA,CAAApC,WAAA,GAAAA,WAAA;AAEF,MAAMmC,UAAU,GAAGE,uBAAU,CAACC,MAAM,CAAC;EACnCnC,qBAAqB,EAAE;IACrBoC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,MAAMN,mBAAmB,GACvBO,8BAAU,CAACC,uBAAuB,CAA6BC,wBAAa,CAAC","ignoreList":[]}
|
|
@@ -9,6 +9,7 @@ var _react = require("react");
|
|
|
9
9
|
var _reactNativeGestureHandler = require("react-native-gesture-handler");
|
|
10
10
|
var _lodash = require("lodash");
|
|
11
11
|
var _Context = require("./Context.helpers");
|
|
12
|
+
var _reactNative = require("react-native");
|
|
12
13
|
/**
|
|
13
14
|
* Hook to reset the scroll offset for the approaching screen in a tab navigation context.
|
|
14
15
|
*
|
|
@@ -32,13 +33,15 @@ const useResetApproachingScreenScrollOffset = ({
|
|
|
32
33
|
}) => scrollY.value));
|
|
33
34
|
const resetApproachingScreenOffset = (index, shouldReset) => {
|
|
34
35
|
if (shouldReset) {
|
|
35
|
-
const
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
36
|
+
const ref = context.screen.getRef(context.route.getKeyForIndex(index)).current;
|
|
37
|
+
if (ref instanceof _reactNative.SectionList) {
|
|
38
|
+
ref.scrollToLocation({
|
|
39
|
+
animated: false,
|
|
40
|
+
sectionIndex: 0,
|
|
41
|
+
itemIndex: 0,
|
|
42
|
+
viewOffset: 0
|
|
43
|
+
});
|
|
44
|
+
} else ref?.scrollTo({
|
|
42
45
|
y: 0,
|
|
43
46
|
animated: false
|
|
44
47
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNativeReanimated","require","_react","_reactNativeGestureHandler","_lodash","_Context","useResetApproachingScreenScrollOffset","context","transformationX","currentYPosition","screenOffsets","useDerivedValue","Object","values","screen","properties","map","scrollY","value","resetApproachingScreenOffset","index","shouldReset","
|
|
1
|
+
{"version":3,"names":["_reactNativeReanimated","require","_react","_reactNativeGestureHandler","_lodash","_Context","_reactNative","useResetApproachingScreenScrollOffset","context","transformationX","currentYPosition","screenOffsets","useDerivedValue","Object","values","screen","properties","map","scrollY","value","resetApproachingScreenOffset","index","shouldReset","ref","getRef","route","getKeyForIndex","current","SectionList","scrollToLocation","animated","sectionIndex","itemIndex","viewOffset","scrollTo","y","useAnimatedReaction","previous","approachingIndex","ContextHelpers","getTargetIndex","approachingScreenOffset","runOnJS","usePrepareKeyMap","state","indexToKeyMap","useRef","routes","reduce","previousValue","currentValue","currentIndex","key","usePrepareScreen","screenProperties","prev","innerLayout","makeMutable","height","width","x","nativeGesture","Gesture","Native","outerLayout","scrollRef","setRef","newProperties","assign","_ref","usePrepareContext","useTransformHeaderOnTabChange","config","headerHeight","useSharedValue","isHeaderHeightSet","transformationY","inputRange","_","idx","outputRange","type","debouncedSetIsHeaderSet","throttle","cancel","prepared","interpolate","useApproachingTabChange","gestureEnabled","currentScreenIndex","onIndexApproach","ContextHooks","exports"],"sourceRoot":"../../../src","sources":["context/Context.hooks.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -9,21 +9,13 @@ var _reactNativeReanimated = require("react-native-reanimated");
|
|
|
9
9
|
const useHeader = () => {
|
|
10
10
|
const {
|
|
11
11
|
headerHeight,
|
|
12
|
-
transformationX
|
|
13
|
-
transformationY
|
|
12
|
+
transformationX
|
|
14
13
|
} = (0, _useTabContext.useTabContext)();
|
|
15
14
|
const hideHeader = () => {
|
|
16
15
|
transformationX.value = (0, _reactNativeReanimated.withTiming)(-headerHeight.value);
|
|
17
16
|
};
|
|
18
|
-
const defaultStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
19
|
-
transform: [{
|
|
20
|
-
translateY: (0, _reactNativeReanimated.interpolate)(transformationY.value, [0, -headerHeight.value], [0, -headerHeight.value], 'clamp')
|
|
21
|
-
}],
|
|
22
|
-
zIndex: -1
|
|
23
|
-
}));
|
|
24
17
|
return {
|
|
25
|
-
hideHeader
|
|
26
|
-
defaultStyle
|
|
18
|
+
hideHeader
|
|
27
19
|
};
|
|
28
20
|
};
|
|
29
21
|
exports.useHeader = useHeader;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_useTabContext","require","_reactNativeReanimated","useHeader","headerHeight","transformationX","
|
|
1
|
+
{"version":3,"names":["_useTabContext","require","_reactNativeReanimated","useHeader","headerHeight","transformationX","useTabContext","hideHeader","value","withTiming","exports"],"sourceRoot":"../../../src","sources":["hooks/useHeader.ts"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAEO,MAAME,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC,YAAY;IAAEC;EAAgB,CAAC,GAAG,IAAAC,4BAAa,EAAC,CAAC;EAEzD,MAAMC,UAAU,GAAGA,CAAA,KAAM;IACvBF,eAAe,CAACG,KAAK,GAAG,IAAAC,iCAAU,EAAC,CAACL,YAAY,CAACI,KAAK,CAAC;EACzD,CAAC;EAED,OAAO;IAAED;EAAW,CAAC;AACvB,CAAC;AAACG,OAAA,CAAAP,SAAA,GAAAA,SAAA","ignoreList":[]}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useScreenDimensions = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
const screenDimensions = _reactNative.Dimensions.get('screen');
|
|
10
|
+
const useScreenDimensions = () => {
|
|
11
|
+
const [dimensions, setDimensions] = (0, _react.useState)(screenDimensions);
|
|
12
|
+
(0, _react.useEffect)(() => {
|
|
13
|
+
const subscription = _reactNative.Dimensions.addEventListener('change', ({
|
|
14
|
+
screen
|
|
15
|
+
}) => {
|
|
16
|
+
setDimensions(screen);
|
|
17
|
+
});
|
|
18
|
+
return () => subscription?.remove();
|
|
19
|
+
});
|
|
20
|
+
return dimensions;
|
|
21
|
+
};
|
|
22
|
+
exports.useScreenDimensions = useScreenDimensions;
|
|
23
|
+
//# sourceMappingURL=useScreenDimensions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","screenDimensions","Dimensions","get","useScreenDimensions","dimensions","setDimensions","useState","useEffect","subscription","addEventListener","screen","remove","exports"],"sourceRoot":"../../../src","sources":["hooks/useScreenDimensions.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,MAAME,gBAAgB,GAAGC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC;AAE1C,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACvC,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAACN,gBAAgB,CAAC;EAE9D,IAAAO,gBAAS,EAAC,MAAM;IACd,MAAMC,YAAY,GAAGP,uBAAU,CAACQ,gBAAgB,CAAC,QAAQ,EAAE,CAAC;MAAEC;IAAO,CAAC,KAAK;MACzEL,aAAa,CAACK,MAAM,CAAC;IACvB,CAAC,CAAC;IACF,OAAO,MAAMF,YAAY,EAAEG,MAAM,CAAC,CAAC;EACrC,CAAC,CAAC;EAEF,OAAOP,UAAU;AACnB,CAAC;AAACQ,OAAA,CAAAT,mBAAA,GAAAA,mBAAA","ignoreList":[]}
|
|
@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.useScreenScrollable = void 0;
|
|
7
7
|
var _native = require("@react-navigation/native");
|
|
8
|
-
var _reactNative = require("react-native");
|
|
9
8
|
var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
|
|
10
9
|
var _useTabContext = require("./useTabContext");
|
|
11
10
|
var React = _interopRequireWildcard(require("react"));
|
|
12
11
|
var _elements = require("@react-navigation/elements");
|
|
13
12
|
var _reactNativeReanimated = require("react-native-reanimated");
|
|
14
13
|
var _useScreenProperties = require("./useScreenProperties");
|
|
14
|
+
var _useScreenDimensions = require("./useScreenDimensions");
|
|
15
15
|
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); }
|
|
16
16
|
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; }
|
|
17
17
|
const useScreenScrollable = () => {
|
|
@@ -20,7 +20,7 @@ const useScreenScrollable = () => {
|
|
|
20
20
|
} = (0, _native.useRoute)();
|
|
21
21
|
const {
|
|
22
22
|
height
|
|
23
|
-
} = (0,
|
|
23
|
+
} = (0, _useScreenDimensions.useScreenDimensions)();
|
|
24
24
|
const {
|
|
25
25
|
bottom,
|
|
26
26
|
top
|