react-navigation-reanimated-top-tabs 0.9.2 → 0.9.3
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/ReanimatedTabView.js +1 -1
- package/lib/commonjs/components/ReanimatedTopTab/ReanimatedTabView.js.map +1 -1
- package/lib/commonjs/components/elements/TabBarBaseItem.js +7 -4
- package/lib/commonjs/components/elements/TabBarBaseItem.js.map +1 -1
- package/lib/commonjs/components/elements/TabBarLabelBaseComponent.js +9 -26
- package/lib/commonjs/components/elements/TabBarLabelBaseComponent.js.map +1 -1
- package/lib/commonjs/index.js +9 -11
- package/lib/commonjs/index.js.map +1 -1
- package/lib/module/components/ReanimatedTopTab/ReanimatedTabView.js +1 -1
- package/lib/module/components/ReanimatedTopTab/ReanimatedTabView.js.map +1 -1
- package/lib/module/components/elements/TabBarBaseItem.js +8 -5
- package/lib/module/components/elements/TabBarBaseItem.js.map +1 -1
- package/lib/module/components/elements/TabBarLabelBaseComponent.js +8 -24
- package/lib/module/components/elements/TabBarLabelBaseComponent.js.map +1 -1
- package/lib/module/index.js +9 -11
- package/lib/module/index.js.map +1 -1
- package/lib/typescript/src/components/elements/TabBarBaseItem.d.ts.map +1 -1
- package/lib/typescript/src/components/elements/TabBarLabelBaseComponent.d.ts +1 -2
- package/lib/typescript/src/components/elements/TabBarLabelBaseComponent.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts +1 -2
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/ReanimatedTopTab/ReanimatedTabView.tsx +2 -2
- package/src/components/elements/TabBarBaseItem.tsx +3 -3
- package/src/components/elements/TabBarLabelBaseComponent.tsx +8 -45
- package/src/index.tsx +9 -11
|
@@ -36,7 +36,7 @@ const ReanimatedTabView = exports.ReanimatedTabView = /*#__PURE__*/_react.defaul
|
|
|
36
36
|
navigationStateRef.value = navigationState;
|
|
37
37
|
}, [navigationState]);
|
|
38
38
|
(0, _reactNativeReanimated.useAnimatedReaction)(() => scrollPosition.value, value => {
|
|
39
|
-
positionX.value = (0, _reactNativeReanimated.interpolate)(value, navigationState.routes.map((_, i) => i * -width), navigationState.routes.map((_, i) => i), 'clamp');
|
|
39
|
+
positionX.value = (0, _reactNativeReanimated.interpolate)(value, navigationState.routes.map((_, i) => i * -width).reverse(), navigationState.routes.map((_, i) => i).reverse(), 'clamp');
|
|
40
40
|
});
|
|
41
41
|
const _navigate = index => {
|
|
42
42
|
scrollPosition.value = _AnimationHelper.AnimationHelper.animation(-index * width, () => navigate(index));
|
|
@@ -1 +1 @@
|
|
|
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","navigationStateRef","useSharedValue","scrollPosition","positionX","useTabContext","useEffect","value","useAnimatedReaction","interpolate","map","_","_navigate","AnimationHelper","animation","minimumValueToChangeView","useMemo","panGesture","Gesture","Pan","failOffsetY","activeOffsetX","onChange","event","onEnd","state","runOnJS","scrollPositionStyle","useAnimatedStyle","transform","translateX","length","chooseRender","useCallback","params","useRenderScene","jsx","View","style","children","route","key","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;AASA,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,kBAAkB,GAAG,IAAAC,qCAAc,EAACb,eAAe,CAAC;EAC1D,MAAMc,cAAc,GAAG,IAAAD,qCAAc,EAACb,eAAe,CAACW,KAAK,CAAC;EAC5D,MAAM;IAAEI;EAAU,CAAC,GAAG,IAAAC,4BAAa,EAAC,CAAC;EAErC,IAAAC,gBAAS,EAAC,MAAM;IACdL,kBAAkB,CAACM,KAAK,GAAGlB,eAAe;EAC5C,CAAC,EAAE,CAACA,eAAe,CAAC,CAAC;EAErB,IAAAmB,0CAAmB,EACjB,MAAML,cAAc,CAACI,KAAK,EACzBA,KAAK,IAAK;IACTH,SAAS,CAACG,KAAK,GAAG,IAAAE,kCAAW,EAC3BF,KAAK,EACLlB,eAAe,CAACU,MAAM,CAACW,GAAG,CAAC,CAACC,CAAC,EAAE9B,CAAC,KAAKA,CAAC,GAAG,CAACc,KAAK,CAAC,
|
|
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","navigationStateRef","useSharedValue","scrollPosition","positionX","useTabContext","useEffect","value","useAnimatedReaction","interpolate","map","_","reverse","_navigate","AnimationHelper","animation","minimumValueToChangeView","useMemo","panGesture","Gesture","Pan","failOffsetY","activeOffsetX","onChange","event","onEnd","state","runOnJS","scrollPositionStyle","useAnimatedStyle","transform","translateX","length","chooseRender","useCallback","params","useRenderScene","jsx","View","style","children","route","key","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":"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","ignoreList":[]}
|
|
@@ -7,6 +7,7 @@ exports.TabBarBaseItem = void 0;
|
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
8
|
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
9
9
|
var _useTabContext = require("../../hooks/useTabContext");
|
|
10
|
+
var _TabBarLabelBaseComponent = require("./TabBarLabelBaseComponent");
|
|
10
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
12
|
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
13
|
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; }
|
|
@@ -32,13 +33,15 @@ const TabBarBaseItem = ({
|
|
|
32
33
|
style: [styles.container, style],
|
|
33
34
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
34
35
|
style: activeStyle,
|
|
35
|
-
children: route.tabBarLabel ? route.tabBarLabel(true) : /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
36
|
-
|
|
36
|
+
children: route.tabBarLabel ? route.tabBarLabel(true) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabBarLabelBaseComponent.TabBarLabelBaseComponent, {
|
|
37
|
+
title: route.title ?? '',
|
|
38
|
+
focused: true
|
|
37
39
|
})
|
|
38
40
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
39
41
|
style: inactiveStyle,
|
|
40
|
-
children: route.tabBarLabel ? route.tabBarLabel(false) : /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
41
|
-
|
|
42
|
+
children: route.tabBarLabel ? route.tabBarLabel(false) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabBarLabelBaseComponent.TabBarLabelBaseComponent, {
|
|
43
|
+
title: route.title ?? '',
|
|
44
|
+
focused: false
|
|
42
45
|
})
|
|
43
46
|
})]
|
|
44
47
|
});
|
|
@@ -1 +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","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_interopRequireWildcard","_useTabContext","_TabBarLabelBaseComponent","_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","TabBarLabelBaseComponent","title","focused","exports","StyleSheet","create","alignItems","flex","justifyContent","minHeight"],"sourceRoot":"../../../../src","sources":["components/elements/TabBarBaseItem.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,28 +5,18 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.TabBarLabelBaseComponent = void 0;
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
|
-
var _reactNativeReanimated =
|
|
9
|
-
var _useTabOffset = require("../../hooks/useTabOffset");
|
|
8
|
+
var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
|
|
10
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
function
|
|
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; }
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
11
|
const TabBarLabelBaseComponent = ({
|
|
14
|
-
|
|
15
|
-
|
|
12
|
+
title,
|
|
13
|
+
focused
|
|
16
14
|
}) => {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
color: (0, _reactNativeReanimated.interpolateColor)(positionX.value, [index - 1, index, index + 1], ['black', 'white', 'black'])
|
|
23
|
-
}), []);
|
|
24
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
25
|
-
style: [style, styles.wrapper],
|
|
26
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.Text, {
|
|
27
|
-
style: [textStyle, styles.text],
|
|
28
|
-
children: props.title
|
|
29
|
-
})
|
|
15
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.Text, {
|
|
16
|
+
style: [styles.text, {
|
|
17
|
+
color: focused ? 'red' : 'black'
|
|
18
|
+
}],
|
|
19
|
+
children: title
|
|
30
20
|
});
|
|
31
21
|
};
|
|
32
22
|
exports.TabBarLabelBaseComponent = TabBarLabelBaseComponent;
|
|
@@ -34,13 +24,6 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
34
24
|
text: {
|
|
35
25
|
fontWeight: 'bold',
|
|
36
26
|
textTransform: 'uppercase'
|
|
37
|
-
},
|
|
38
|
-
wrapper: {
|
|
39
|
-
borderRadius: 10,
|
|
40
|
-
height: 35,
|
|
41
|
-
justifyContent: 'center',
|
|
42
|
-
paddingHorizontal: 16,
|
|
43
|
-
paddingVertical: 8
|
|
44
27
|
}
|
|
45
28
|
});
|
|
46
29
|
//# sourceMappingURL=TabBarLabelBaseComponent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_reactNativeReanimated","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_interopRequireDefault","_jsxRuntime","e","__esModule","default","TabBarLabelBaseComponent","title","focused","jsx","Text","style","styles","text","color","children","exports","StyleSheet","create","fontWeight","textTransform"],"sourceRoot":"../../../../src","sources":["components/elements/TabBarLabelBaseComponent.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAiD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAO1C,MAAMG,wBAAwB,GAAGA,CAAC;EACvCC,KAAK;EACLC;AACgB,CAAC,KAAK;EACtB,oBACE,IAAAN,WAAA,CAAAO,GAAA,EAACT,sBAAA,CAAAK,OAAU,CAACK,IAAI;IACdC,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;MAAEC,KAAK,EAAEN,OAAO,GAAG,KAAK,GAAG;IAAQ,CAAC,CAAE;IAAAO,QAAA,EAE1DR;EAAK,CACS,CAAC;AAEtB,CAAC;AAACS,OAAA,CAAAV,wBAAA,GAAAA,wBAAA;AAEF,MAAMM,MAAM,GAAGK,uBAAU,CAACC,MAAM,CAAC;EAC/BL,IAAI,EAAE;IACJM,UAAU,EAAE,MAAM;IAClBC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}
|
package/lib/commonjs/index.js
CHANGED
|
@@ -10,19 +10,18 @@ Object.defineProperty(exports, "createReanimatedTopTabNavigator", {
|
|
|
10
10
|
return _createReanimatedTopTabNavigator.createReanimatedTopTabNavigator;
|
|
11
11
|
}
|
|
12
12
|
});
|
|
13
|
+
var _react = require("react");
|
|
14
|
+
var _TabBarBaseComponent = require("./components/elements/TabBarBaseComponent");
|
|
15
|
+
var _ScreenWrapper = require("./components/wrappers/ScreenWrapper");
|
|
13
16
|
var _ScrollView = require("./components/wrappers/ScrollView");
|
|
14
17
|
var _SectionList = require("./components/wrappers/SectionList");
|
|
15
|
-
var
|
|
16
|
-
var _TabBarBaseComponent = require("./components/elements/TabBarBaseComponent");
|
|
17
|
-
var _TabBarLabelBaseComponent = require("./components/elements/TabBarLabelBaseComponent");
|
|
18
|
-
var _react = require("react");
|
|
19
|
-
var _Warning = require("./services/Warning.service");
|
|
20
|
-
var _useTabContext2 = require("./hooks/useTabContext");
|
|
21
|
-
var _useTabOffset = require("./hooks/useTabOffset");
|
|
18
|
+
var _useHeader = require("./hooks/useHeader");
|
|
22
19
|
var _useScreenGesture = require("./hooks/useScreenGesture");
|
|
23
|
-
var _useScreenScrollable = require("./hooks/useScreenScrollable");
|
|
24
20
|
var _useScreenProperties = require("./hooks/useScreenProperties");
|
|
25
|
-
var
|
|
21
|
+
var _useScreenScrollable = require("./hooks/useScreenScrollable");
|
|
22
|
+
var _useTabContext2 = require("./hooks/useTabContext");
|
|
23
|
+
var _useTabOffset = require("./hooks/useTabOffset");
|
|
24
|
+
var _Warning = require("./services/Warning.service");
|
|
26
25
|
var _createReanimatedTopTabNavigator = require("./navigator/createReanimatedTopTabNavigator");
|
|
27
26
|
const _useTabContext = () => {
|
|
28
27
|
(0, _react.useEffect)(() => {
|
|
@@ -42,7 +41,6 @@ const Tab = exports.Tab = {
|
|
|
42
41
|
ScrollView: _ScrollView.ScrollView,
|
|
43
42
|
SectionList: _SectionList.SectionList,
|
|
44
43
|
ScreenWrapper: _ScreenWrapper.ScreenWrapper,
|
|
45
|
-
TabBarBaseComponent: _TabBarBaseComponent.TabBarBaseComponent
|
|
46
|
-
TabBarLabelBaseComponent: _TabBarLabelBaseComponent.TabBarLabelBaseComponent
|
|
44
|
+
TabBarBaseComponent: _TabBarBaseComponent.TabBarBaseComponent
|
|
47
45
|
};
|
|
48
46
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_react","require","_TabBarBaseComponent","_ScreenWrapper","_ScrollView","_SectionList","_useHeader","_useScreenGesture","_useScreenProperties","_useScreenScrollable","_useTabContext2","_useTabOffset","_Warning","_createReanimatedTopTabNavigator","_useTabContext","useEffect","WarningService","warn","useTabContext","TabHooks","exports","useHeader","useScreenProperties","useScreenScrollable","useScreenGesture","useTabOffset","Tab","ScrollView","SectionList","ScreenWrapper","TabBarBaseComponent"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AACA,IAAAO,oBAAA,GAAAP,OAAA;AACA,IAAAQ,oBAAA,GAAAR,OAAA;AACA,IAAAS,eAAA,GAAAT,OAAA;AACA,IAAAU,aAAA,GAAAV,OAAA;AACA,IAAAW,QAAA,GAAAX,OAAA;AAEA,IAAAY,gCAAA,GAAAZ,OAAA;AAGA,MAAMa,cAAc,GAAGA,CAAA,KAAM;EAC3B,IAAAC,gBAAS,EAAC,MAAM;IACdC,uBAAc,CAACC,IAAI,CAAC,CAAC;EACvB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAAC,6BAAa,EAAC,CAAC;AACxB,CAAC;AAEM,MAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG;EACtBE,SAAS,EAATA,oBAAS;EACTC,mBAAmB,EAAnBA,wCAAmB;EACnBC,mBAAmB,EAAnBA,wCAAmB;EACnBC,gBAAgB,EAAhBA,kCAAgB;EAChBN,aAAa,EAAEJ,cAAc;EAC7BW,YAAY,EAAZA;AACF,CAAC;AAEM,MAAMC,GAAG,GAAAN,OAAA,CAAAM,GAAA,GAAG;EACjBC,UAAU,EAAVA,sBAAU;EACVC,WAAW,EAAXA,wBAAW;EACXC,aAAa,EAAbA,4BAAa;EACbC,mBAAmB,EAAnBA;AACF,CAAC","ignoreList":[]}
|
|
@@ -30,7 +30,7 @@ export const ReanimatedTabView = /*#__PURE__*/React.memo(({
|
|
|
30
30
|
navigationStateRef.value = navigationState;
|
|
31
31
|
}, [navigationState]);
|
|
32
32
|
useAnimatedReaction(() => scrollPosition.value, value => {
|
|
33
|
-
positionX.value = interpolate(value, navigationState.routes.map((_, i) => i * -width), navigationState.routes.map((_, i) => i), 'clamp');
|
|
33
|
+
positionX.value = interpolate(value, navigationState.routes.map((_, i) => i * -width).reverse(), navigationState.routes.map((_, i) => i).reverse(), 'clamp');
|
|
34
34
|
});
|
|
35
35
|
const _navigate = index => {
|
|
36
36
|
scrollPosition.value = AnimationHelper.animation(-index * width, () => navigate(index));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","StyleSheet","useWindowDimensions","View","Gesture","GestureDetector","GestureHandlerRootView","Reanimated","interpolate","LinearTransition","runOnJS","useAnimatedReaction","useAnimatedStyle","useSharedValue","useTabContext","AnimationHelper","jsx","_jsx","jsxs","_jsxs","ReanimatedTabView","memo","LazyPlaceholder","lazy","navigationState","percentageTrigger","renderScene","renderTabBar","navigate","screenOptions","width","loadedScreens","routes","index","navigationStateRef","scrollPosition","positionX","value","map","_","i","_navigate","animation","minimumValueToChangeView","panGesture","Pan","failOffsetY","activeOffsetX","onChange","event","onEnd","state","scrollPositionStyle","transform","translateX","length","chooseRender","params","useRenderScene","style","children","route","key","Routes","screen","current","find","loadedScreen","undefined","push","defaultStyles","flex","layout","gesture","viewsContainer","create","flexDirection"],"sourceRoot":"../../../../src","sources":["components/ReanimatedTopTab/ReanimatedTabView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AACtE,SAASC,UAAU,EAAEC,mBAAmB,EAAEC,IAAI,QAAQ,cAAc;AACpE,SACEC,OAAO,EACPC,eAAe,EACfC,sBAAsB,QACjB,8BAA8B;AACrC,OAAOC,UAAU,IACfC,WAAW,EACXC,gBAAgB,EAChBC,OAAO,EACPC,mBAAmB,EACnBC,gBAAgB,EAChBC,cAAc,QACT,yBAAyB;AAEhC,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,eAAe,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAgBpD,OAAO,MAAMC,iBAAiB,gBAAGxB,KAAK,CAACyB,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,GAAG5B,mBAAmB,CAAC,CAAC;EACvC,MAAM6B,aAAa,GAAG/B,MAAM,CAAC,CAC3BwB,eAAe,CAACQ,MAAM,CAACR,eAAe,CAACS,KAAK,CAAC,CAC9C,CAAC;EACF,MAAMC,kBAAkB,GAAGrB,cAAc,CAACW,eAAe,CAAC;EAC1D,MAAMW,cAAc,GAAGtB,cAAc,CAACW,eAAe,CAACS,KAAK,CAAC;EAC5D,MAAM;IAAEG;EAAU,CAAC,GAAGtB,aAAa,CAAC,CAAC;EAErChB,SAAS,CAAC,MAAM;IACdoC,kBAAkB,CAACG,KAAK,GAAGb,eAAe;EAC5C,CAAC,EAAE,CAACA,eAAe,CAAC,CAAC;EAErBb,mBAAmB,CACjB,MAAMwB,cAAc,CAACE,KAAK,EACzBA,KAAK,IAAK;IACTD,SAAS,CAACC,KAAK,GAAG7B,WAAW,CAC3B6B,KAAK,EACLb,eAAe,CAACQ,MAAM,CAACM,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKA,CAAC,GAAG,CAACV,KAAK,CAAC,
|
|
1
|
+
{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","StyleSheet","useWindowDimensions","View","Gesture","GestureDetector","GestureHandlerRootView","Reanimated","interpolate","LinearTransition","runOnJS","useAnimatedReaction","useAnimatedStyle","useSharedValue","useTabContext","AnimationHelper","jsx","_jsx","jsxs","_jsxs","ReanimatedTabView","memo","LazyPlaceholder","lazy","navigationState","percentageTrigger","renderScene","renderTabBar","navigate","screenOptions","width","loadedScreens","routes","index","navigationStateRef","scrollPosition","positionX","value","map","_","i","reverse","_navigate","animation","minimumValueToChangeView","panGesture","Pan","failOffsetY","activeOffsetX","onChange","event","onEnd","state","scrollPositionStyle","transform","translateX","length","chooseRender","params","useRenderScene","style","children","route","key","Routes","screen","current","find","loadedScreen","undefined","push","defaultStyles","flex","layout","gesture","viewsContainer","create","flexDirection"],"sourceRoot":"../../../../src","sources":["components/ReanimatedTopTab/ReanimatedTabView.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { Pressable, StyleSheet
|
|
3
|
+
import { Pressable, StyleSheet } from 'react-native';
|
|
4
4
|
import Animated, { interpolate, useAnimatedStyle } from 'react-native-reanimated';
|
|
5
5
|
import { useTabContext } from '../../hooks/useTabContext';
|
|
6
|
+
import { TabBarLabelBaseComponent } from './TabBarLabelBaseComponent';
|
|
6
7
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
8
|
export const TabBarBaseItem = ({
|
|
8
9
|
index,
|
|
@@ -26,13 +27,15 @@ export const TabBarBaseItem = ({
|
|
|
26
27
|
style: [styles.container, style],
|
|
27
28
|
children: [/*#__PURE__*/_jsx(Animated.View, {
|
|
28
29
|
style: activeStyle,
|
|
29
|
-
children: route.tabBarLabel ? route.tabBarLabel(true) : /*#__PURE__*/_jsx(
|
|
30
|
-
|
|
30
|
+
children: route.tabBarLabel ? route.tabBarLabel(true) : /*#__PURE__*/_jsx(TabBarLabelBaseComponent, {
|
|
31
|
+
title: route.title ?? '',
|
|
32
|
+
focused: true
|
|
31
33
|
})
|
|
32
34
|
}), /*#__PURE__*/_jsx(Animated.View, {
|
|
33
35
|
style: inactiveStyle,
|
|
34
|
-
children: route.tabBarLabel ? route.tabBarLabel(false) : /*#__PURE__*/_jsx(
|
|
35
|
-
|
|
36
|
+
children: route.tabBarLabel ? route.tabBarLabel(false) : /*#__PURE__*/_jsx(TabBarLabelBaseComponent, {
|
|
37
|
+
title: route.title ?? '',
|
|
38
|
+
focused: false
|
|
36
39
|
})
|
|
37
40
|
})]
|
|
38
41
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Pressable","StyleSheet","
|
|
1
|
+
{"version":3,"names":["Pressable","StyleSheet","Animated","interpolate","useAnimatedStyle","useTabContext","TabBarLabelBaseComponent","jsx","_jsx","jsxs","_jsxs","TabBarBaseItem","index","inputRange","onPress","route","style","positionX","activeStyle","opacity","value","map","i","position","inactiveStyle","styles","container","children","View","tabBarLabel","title","focused","create","alignItems","flex","justifyContent","minHeight"],"sourceRoot":"../../../../src","sources":["components/elements/TabBarBaseItem.tsx"],"mappings":";;AAAA,SACEA,SAAS,EACTC,UAAU,QAGL,cAAc;AACrB,OAAOC,QAAQ,IACbC,WAAW,EACXC,gBAAgB,QACX,yBAAyB;AAChC,SAASC,aAAa,QAAQ,2BAA2B;AAEzD,SAASC,wBAAwB,QAAQ,4BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUtE,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAC7BC,KAAK;EACLC,UAAU;EACVC,OAAO;EACPC,KAAK;EACLC;AACmB,CAAC,KAAK;EACzB,MAAM;IAAEC;EAAU,CAAC,GAAGZ,aAAa,CAAC,CAAC;EAErC,MAAMa,WAAW,GAAGd,gBAAgB,CAAC,OAAO;IAC1Ce,OAAO,EAAEhB,WAAW,CAClBc,SAAS,CAACG,KAAK,EACfP,UAAU,EACVA,UAAU,CAACQ,GAAG,CAAEC,CAAC,IAAMA,CAAC,KAAKV,KAAK,GAAG,CAAC,GAAG,CAAE,CAC7C,CAAC;IACDW,QAAQ,EAAE;EACZ,CAAC,CAAC,CAAC;EAEH,MAAMC,aAAa,GAAGpB,gBAAgB,CAAC,OAAO;IAC5Ce,OAAO,EAAEhB,WAAW,CAClBc,SAAS,CAACG,KAAK,EACfP,UAAU,EACVA,UAAU,CAACQ,GAAG,CAAEC,CAAC,IAAMA,CAAC,KAAKV,KAAK,GAAG,CAAC,GAAG,CAAE,CAC7C;EACF,CAAC,CAAC,CAAC;EAEH,oBACEF,KAAA,CAACV,SAAS;IAACc,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAACF,KAAK,CAAE;IAACI,KAAK,EAAE,CAACS,MAAM,CAACC,SAAS,EAAEV,KAAK,CAAE;IAAAW,QAAA,gBACzEnB,IAAA,CAACN,QAAQ,CAAC0B,IAAI;MAACZ,KAAK,EAAEE,WAAY;MAAAS,QAAA,EAC/BZ,KAAK,CAACc,WAAW,GAChBd,KAAK,CAACc,WAAW,CAAC,IAAI,CAAC,gBAEvBrB,IAAA,CAACF,wBAAwB;QAACwB,KAAK,EAAEf,KAAK,CAACe,KAAK,IAAI,EAAG;QAACC,OAAO,EAAE;MAAK,CAAE;IACrE,CACY,CAAC,eAChBvB,IAAA,CAACN,QAAQ,CAAC0B,IAAI;MAACZ,KAAK,EAAEQ,aAAc;MAAAG,QAAA,EACjCZ,KAAK,CAACc,WAAW,GAChBd,KAAK,CAACc,WAAW,CAAC,KAAK,CAAC,gBAExBrB,IAAA,CAACF,wBAAwB;QAACwB,KAAK,EAAEf,KAAK,CAACe,KAAK,IAAI,EAAG;QAACC,OAAO,EAAE;MAAM,CAAE;IACtE,CACY,CAAC;EAAA,CACP,CAAC;AAEhB,CAAC;AAED,MAAMN,MAAM,GAAGxB,UAAU,CAAC+B,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,UAAU,EAAE,QAAQ;IACpBC,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,39 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { StyleSheet } from 'react-native';
|
|
4
|
-
import Reanimated
|
|
5
|
-
import { useTabOffset } from '../../hooks/useTabOffset';
|
|
4
|
+
import Reanimated from 'react-native-reanimated';
|
|
6
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
6
|
export const TabBarLabelBaseComponent = ({
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
title,
|
|
8
|
+
focused
|
|
10
9
|
}) => {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
color: interpolateColor(positionX.value, [index - 1, index, index + 1], ['black', 'white', 'black'])
|
|
17
|
-
}), []);
|
|
18
|
-
return /*#__PURE__*/_jsx(Reanimated.View, {
|
|
19
|
-
style: [style, styles.wrapper],
|
|
20
|
-
children: /*#__PURE__*/_jsx(Reanimated.Text, {
|
|
21
|
-
style: [textStyle, styles.text],
|
|
22
|
-
children: props.title
|
|
23
|
-
})
|
|
10
|
+
return /*#__PURE__*/_jsx(Reanimated.Text, {
|
|
11
|
+
style: [styles.text, {
|
|
12
|
+
color: focused ? 'red' : 'black'
|
|
13
|
+
}],
|
|
14
|
+
children: title
|
|
24
15
|
});
|
|
25
16
|
};
|
|
26
17
|
const styles = StyleSheet.create({
|
|
27
18
|
text: {
|
|
28
19
|
fontWeight: 'bold',
|
|
29
20
|
textTransform: 'uppercase'
|
|
30
|
-
},
|
|
31
|
-
wrapper: {
|
|
32
|
-
borderRadius: 10,
|
|
33
|
-
height: 35,
|
|
34
|
-
justifyContent: 'center',
|
|
35
|
-
paddingHorizontal: 16,
|
|
36
|
-
paddingVertical: 8
|
|
37
21
|
}
|
|
38
22
|
});
|
|
39
23
|
//# sourceMappingURL=TabBarLabelBaseComponent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","Reanimated","
|
|
1
|
+
{"version":3,"names":["StyleSheet","Reanimated","jsx","_jsx","TabBarLabelBaseComponent","title","focused","Text","style","styles","text","color","children","create","fontWeight","textTransform"],"sourceRoot":"../../../../src","sources":["components/elements/TabBarLabelBaseComponent.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,OAAOC,UAAU,MAAM,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOjD,OAAO,MAAMC,wBAAwB,GAAGA,CAAC;EACvCC,KAAK;EACLC;AACgB,CAAC,KAAK;EACtB,oBACEH,IAAA,CAACF,UAAU,CAACM,IAAI;IACdC,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;MAAEC,KAAK,EAAEL,OAAO,GAAG,KAAK,GAAG;IAAQ,CAAC,CAAE;IAAAM,QAAA,EAE1DP;EAAK,CACS,CAAC;AAEtB,CAAC;AAED,MAAMI,MAAM,GAAGT,UAAU,CAACa,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,UAAU,EAAE,MAAM;IAClBC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
|
@@ -1,18 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
import { useEffect } from 'react';
|
|
4
|
+
import { TabBarBaseComponent } from './components/elements/TabBarBaseComponent';
|
|
5
|
+
import { ScreenWrapper } from './components/wrappers/ScreenWrapper';
|
|
3
6
|
import { ScrollView } from './components/wrappers/ScrollView';
|
|
4
7
|
import { SectionList } from './components/wrappers/SectionList';
|
|
5
|
-
import {
|
|
6
|
-
import { TabBarBaseComponent } from './components/elements/TabBarBaseComponent';
|
|
7
|
-
import { TabBarLabelBaseComponent } from './components/elements/TabBarLabelBaseComponent';
|
|
8
|
-
import { useEffect } from 'react';
|
|
9
|
-
import { WarningService } from './services/Warning.service';
|
|
10
|
-
import { useTabContext } from './hooks/useTabContext';
|
|
11
|
-
import { useTabOffset } from './hooks/useTabOffset';
|
|
8
|
+
import { useHeader } from './hooks/useHeader';
|
|
12
9
|
import { useScreenGesture } from './hooks/useScreenGesture';
|
|
13
|
-
import { useScreenScrollable } from './hooks/useScreenScrollable';
|
|
14
10
|
import { useScreenProperties } from './hooks/useScreenProperties';
|
|
15
|
-
import {
|
|
11
|
+
import { useScreenScrollable } from './hooks/useScreenScrollable';
|
|
12
|
+
import { useTabContext } from './hooks/useTabContext';
|
|
13
|
+
import { useTabOffset } from './hooks/useTabOffset';
|
|
14
|
+
import { WarningService } from './services/Warning.service';
|
|
16
15
|
export { createReanimatedTopTabNavigator } from './navigator/createReanimatedTopTabNavigator';
|
|
17
16
|
const _useTabContext = () => {
|
|
18
17
|
useEffect(() => {
|
|
@@ -32,7 +31,6 @@ export const Tab = {
|
|
|
32
31
|
ScrollView,
|
|
33
32
|
SectionList,
|
|
34
33
|
ScreenWrapper,
|
|
35
|
-
TabBarBaseComponent
|
|
36
|
-
TabBarLabelBaseComponent
|
|
34
|
+
TabBarBaseComponent
|
|
37
35
|
};
|
|
38
36
|
//# sourceMappingURL=index.js.map
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["useEffect","TabBarBaseComponent","ScreenWrapper","ScrollView","SectionList","useHeader","useScreenGesture","useScreenProperties","useScreenScrollable","useTabContext","useTabOffset","WarningService","createReanimatedTopTabNavigator","_useTabContext","warn","TabHooks","Tab"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,mBAAmB,QAAQ,2CAA2C;AAC/E,SAASC,aAAa,QAAQ,qCAAqC;AACnE,SAASC,UAAU,QAAQ,kCAAkC;AAC7D,SAASC,WAAW,QAAQ,mCAAmC;AAC/D,SAASC,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,gBAAgB,QAAQ,0BAA0B;AAC3D,SAASC,mBAAmB,QAAQ,6BAA6B;AACjE,SAASC,mBAAmB,QAAQ,6BAA6B;AACjE,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,YAAY,QAAQ,sBAAsB;AACnD,SAASC,cAAc,QAAQ,4BAA4B;AAE3D,SAASC,+BAA+B,QAAQ,6CAA6C;AAG7F,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAC3Bb,SAAS,CAAC,MAAM;IACdW,cAAc,CAACG,IAAI,CAAC,CAAC;EACvB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOL,aAAa,CAAC,CAAC;AACxB,CAAC;AAED,OAAO,MAAMM,QAAQ,GAAG;EACtBV,SAAS;EACTE,mBAAmB;EACnBC,mBAAmB;EACnBF,gBAAgB;EAChBG,aAAa,EAAEI,cAAc;EAC7BH;AACF,CAAC;AAED,OAAO,MAAMM,GAAG,GAAG;EACjBb,UAAU;EACVC,WAAW;EACXF,aAAa;EACbD;AACF,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabBarBaseItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/TabBarBaseItem.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"TabBarBaseItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/TabBarBaseItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAMtB,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAGxE,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,6 @@
|
|
|
1
1
|
export interface TabBarLabelTypes {
|
|
2
2
|
focused: boolean;
|
|
3
|
-
index: number;
|
|
4
3
|
title: string;
|
|
5
4
|
}
|
|
6
|
-
export declare const TabBarLabelBaseComponent: ({
|
|
5
|
+
export declare const TabBarLabelBaseComponent: ({ title, focused, }: TabBarLabelTypes) => import("react/jsx-runtime").JSX.Element;
|
|
7
6
|
//# sourceMappingURL=TabBarLabelBaseComponent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabBarLabelBaseComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/TabBarLabelBaseComponent.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TabBarLabelBaseComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/TabBarLabelBaseComponent.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,wBAAwB,wBAGlC,gBAAgB,4CAQlB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { type ReanimatedTopTabNavigation } from './types';
|
|
2
1
|
export { createReanimatedTopTabNavigator } from './navigator/createReanimatedTopTabNavigator';
|
|
2
|
+
export { type ReanimatedTopTabNavigation } from './types';
|
|
3
3
|
export declare const TabHooks: {
|
|
4
4
|
useHeader: () => {
|
|
5
5
|
hideHeader: () => void;
|
|
@@ -36,6 +36,5 @@ export declare const Tab: {
|
|
|
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
38
|
TabBarBaseComponent: ({ children, navigationState, style, navigate, screenOptions, }: import("./components/elements/TabBarBaseComponent").TabBarProps) => import("react/jsx-runtime").JSX.Element;
|
|
39
|
-
TabBarLabelBaseComponent: ({ index, ...props }: import("./components/elements/TabBarLabelBaseComponent").TabBarLabelTypes) => import("react/jsx-runtime").JSX.Element;
|
|
40
39
|
};
|
|
41
40
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,+BAA+B,EAAE,MAAM,6CAA6C,CAAC;AAC9F,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAU1D,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOpB,CAAC;AAEF,eAAO,MAAM,GAAG;;;;;CAKf,CAAC"}
|
package/package.json
CHANGED
|
@@ -59,8 +59,8 @@ export const ReanimatedTabView = React.memo<ReanimatedTabViewProps>(
|
|
|
59
59
|
(value) => {
|
|
60
60
|
positionX.value = interpolate(
|
|
61
61
|
value,
|
|
62
|
-
navigationState.routes.map((_, i) => i * -width),
|
|
63
|
-
navigationState.routes.map((_, i) => i),
|
|
62
|
+
navigationState.routes.map((_, i) => i * -width).reverse(),
|
|
63
|
+
navigationState.routes.map((_, i) => i).reverse(),
|
|
64
64
|
'clamp'
|
|
65
65
|
);
|
|
66
66
|
}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Pressable,
|
|
3
3
|
StyleSheet,
|
|
4
|
-
Text,
|
|
5
4
|
type StyleProp,
|
|
6
5
|
type ViewStyle,
|
|
7
6
|
} from 'react-native';
|
|
@@ -11,6 +10,7 @@ import Animated, {
|
|
|
11
10
|
} from 'react-native-reanimated';
|
|
12
11
|
import { useTabContext } from '../../hooks/useTabContext';
|
|
13
12
|
import { type ReanimatedTabViewTypes } from '../ReanimatedTopTab/types';
|
|
13
|
+
import { TabBarLabelBaseComponent } from './TabBarLabelBaseComponent';
|
|
14
14
|
|
|
15
15
|
interface TabBarBaseItemProps {
|
|
16
16
|
index: number;
|
|
@@ -52,14 +52,14 @@ export const TabBarBaseItem = ({
|
|
|
52
52
|
{route.tabBarLabel ? (
|
|
53
53
|
route.tabBarLabel(true)
|
|
54
54
|
) : (
|
|
55
|
-
<
|
|
55
|
+
<TabBarLabelBaseComponent title={route.title ?? ''} focused={true} />
|
|
56
56
|
)}
|
|
57
57
|
</Animated.View>
|
|
58
58
|
<Animated.View style={inactiveStyle}>
|
|
59
59
|
{route.tabBarLabel ? (
|
|
60
60
|
route.tabBarLabel(false)
|
|
61
61
|
) : (
|
|
62
|
-
<
|
|
62
|
+
<TabBarLabelBaseComponent title={route.title ?? ''} focused={false} />
|
|
63
63
|
)}
|
|
64
64
|
</Animated.View>
|
|
65
65
|
</Pressable>
|
|
@@ -1,51 +1,21 @@
|
|
|
1
1
|
import { StyleSheet } from 'react-native';
|
|
2
|
-
import Reanimated
|
|
3
|
-
interpolateColor,
|
|
4
|
-
useAnimatedStyle,
|
|
5
|
-
} from 'react-native-reanimated';
|
|
6
|
-
|
|
7
|
-
import { useTabOffset } from '../../hooks/useTabOffset';
|
|
2
|
+
import Reanimated from 'react-native-reanimated';
|
|
8
3
|
|
|
9
4
|
export interface TabBarLabelTypes {
|
|
10
5
|
focused: boolean;
|
|
11
|
-
index: number;
|
|
12
6
|
title: string;
|
|
13
7
|
}
|
|
14
8
|
|
|
15
9
|
export const TabBarLabelBaseComponent = ({
|
|
16
|
-
|
|
17
|
-
|
|
10
|
+
title,
|
|
11
|
+
focused,
|
|
18
12
|
}: TabBarLabelTypes) => {
|
|
19
|
-
const positionX = useTabOffset();
|
|
20
|
-
|
|
21
|
-
const style = useAnimatedStyle(
|
|
22
|
-
() => ({
|
|
23
|
-
backgroundColor: interpolateColor(
|
|
24
|
-
positionX.value,
|
|
25
|
-
[index - 1, index, index + 1],
|
|
26
|
-
['transparent', 'blue', 'transparent']
|
|
27
|
-
),
|
|
28
|
-
}),
|
|
29
|
-
[]
|
|
30
|
-
);
|
|
31
|
-
|
|
32
|
-
const textStyle = useAnimatedStyle(
|
|
33
|
-
() => ({
|
|
34
|
-
color: interpolateColor(
|
|
35
|
-
positionX.value,
|
|
36
|
-
[index - 1, index, index + 1],
|
|
37
|
-
['black', 'white', 'black']
|
|
38
|
-
),
|
|
39
|
-
}),
|
|
40
|
-
[]
|
|
41
|
-
);
|
|
42
|
-
|
|
43
13
|
return (
|
|
44
|
-
<Reanimated.
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
</Reanimated.
|
|
14
|
+
<Reanimated.Text
|
|
15
|
+
style={[styles.text, { color: focused ? 'red' : 'black' }]}
|
|
16
|
+
>
|
|
17
|
+
{title}
|
|
18
|
+
</Reanimated.Text>
|
|
49
19
|
);
|
|
50
20
|
};
|
|
51
21
|
|
|
@@ -54,11 +24,4 @@ const styles = StyleSheet.create({
|
|
|
54
24
|
fontWeight: 'bold',
|
|
55
25
|
textTransform: 'uppercase',
|
|
56
26
|
},
|
|
57
|
-
wrapper: {
|
|
58
|
-
borderRadius: 10,
|
|
59
|
-
height: 35,
|
|
60
|
-
justifyContent: 'center',
|
|
61
|
-
paddingHorizontal: 16,
|
|
62
|
-
paddingVertical: 8,
|
|
63
|
-
},
|
|
64
27
|
});
|
package/src/index.tsx
CHANGED
|
@@ -1,19 +1,18 @@
|
|
|
1
|
+
import { useEffect } from 'react';
|
|
2
|
+
import { TabBarBaseComponent } from './components/elements/TabBarBaseComponent';
|
|
3
|
+
import { ScreenWrapper } from './components/wrappers/ScreenWrapper';
|
|
1
4
|
import { ScrollView } from './components/wrappers/ScrollView';
|
|
2
5
|
import { SectionList } from './components/wrappers/SectionList';
|
|
3
|
-
import {
|
|
4
|
-
import { TabBarBaseComponent } from './components/elements/TabBarBaseComponent';
|
|
5
|
-
import { TabBarLabelBaseComponent } from './components/elements/TabBarLabelBaseComponent';
|
|
6
|
-
import { useEffect } from 'react';
|
|
7
|
-
import { WarningService } from './services/Warning.service';
|
|
8
|
-
import { useTabContext } from './hooks/useTabContext';
|
|
9
|
-
import { useTabOffset } from './hooks/useTabOffset';
|
|
6
|
+
import { useHeader } from './hooks/useHeader';
|
|
10
7
|
import { useScreenGesture } from './hooks/useScreenGesture';
|
|
11
|
-
import { useScreenScrollable } from './hooks/useScreenScrollable';
|
|
12
8
|
import { useScreenProperties } from './hooks/useScreenProperties';
|
|
13
|
-
import {
|
|
9
|
+
import { useScreenScrollable } from './hooks/useScreenScrollable';
|
|
10
|
+
import { useTabContext } from './hooks/useTabContext';
|
|
11
|
+
import { useTabOffset } from './hooks/useTabOffset';
|
|
12
|
+
import { WarningService } from './services/Warning.service';
|
|
14
13
|
|
|
15
|
-
export { type ReanimatedTopTabNavigation } from './types';
|
|
16
14
|
export { createReanimatedTopTabNavigator } from './navigator/createReanimatedTopTabNavigator';
|
|
15
|
+
export { type ReanimatedTopTabNavigation } from './types';
|
|
17
16
|
|
|
18
17
|
const _useTabContext = () => {
|
|
19
18
|
useEffect(() => {
|
|
@@ -37,5 +36,4 @@ export const Tab = {
|
|
|
37
36
|
SectionList,
|
|
38
37
|
ScreenWrapper,
|
|
39
38
|
TabBarBaseComponent,
|
|
40
|
-
TabBarLabelBaseComponent,
|
|
41
39
|
};
|