react-navigation-reanimated-top-tabs 0.9.3 → 0.11.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/elements/TabBarBaseComponent.js +3 -1
- package/lib/commonjs/components/elements/TabBarBaseComponent.js.map +1 -1
- package/lib/commonjs/components/elements/TabBarBaseItem.js +7 -1
- package/lib/commonjs/components/elements/TabBarBaseItem.js.map +1 -1
- package/lib/commonjs/navigator/createReanimatedTopTabNavigator.js +4 -4
- package/lib/commonjs/navigator/createReanimatedTopTabNavigator.js.map +1 -1
- package/lib/module/components/elements/TabBarBaseComponent.js +3 -1
- package/lib/module/components/elements/TabBarBaseComponent.js.map +1 -1
- package/lib/module/components/elements/TabBarBaseItem.js +7 -1
- package/lib/module/components/elements/TabBarBaseItem.js.map +1 -1
- package/lib/module/navigator/createReanimatedTopTabNavigator.js +3 -2
- package/lib/module/navigator/createReanimatedTopTabNavigator.js.map +1 -1
- package/lib/typescript/src/components/ReanimatedTopTab/types.d.ts +1 -0
- package/lib/typescript/src/components/ReanimatedTopTab/types.d.ts.map +1 -1
- package/lib/typescript/src/components/elements/TabBarBaseComponent.d.ts.map +1 -1
- package/lib/typescript/src/components/elements/TabBarBaseItem.d.ts +2 -1
- package/lib/typescript/src/components/elements/TabBarBaseItem.d.ts.map +1 -1
- package/lib/typescript/src/navigator/createReanimatedTopTabNavigator.d.ts +12 -2
- package/lib/typescript/src/navigator/createReanimatedTopTabNavigator.d.ts.map +1 -1
- package/lib/typescript/src/types.d.ts +1 -0
- package/lib/typescript/src/types.d.ts.map +1 -1
- package/package.json +7 -9
- package/src/components/ReanimatedTopTab/types.ts +1 -0
- package/src/components/elements/TabBarBaseComponent.tsx +2 -0
- package/src/components/elements/TabBarBaseItem.tsx +9 -1
- package/src/navigator/createReanimatedTopTabNavigator.tsx +27 -13
- package/src/types.ts +1 -0
|
@@ -52,6 +52,7 @@ const TabBarBaseComponent = ({
|
|
|
52
52
|
width.value = nativeEvent.layout.width;
|
|
53
53
|
},
|
|
54
54
|
style: [styles.wrapper, tabBarStyle, style],
|
|
55
|
+
accessibilityRole: "tablist",
|
|
55
56
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
56
57
|
style: [styles.indicator, indicatorStyle, tabBarIndicatorStyle]
|
|
57
58
|
}), navigationState.routes.map((route, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabBarBaseItem.TabBarBaseItem, {
|
|
@@ -61,7 +62,8 @@ const TabBarBaseComponent = ({
|
|
|
61
62
|
navigate(index);
|
|
62
63
|
},
|
|
63
64
|
route: route,
|
|
64
|
-
style: tabBarItemStyle
|
|
65
|
+
style: tabBarItemStyle,
|
|
66
|
+
focused: navigationState.index === index
|
|
65
67
|
}, route.key))]
|
|
66
68
|
}), children]
|
|
67
69
|
});
|
|
@@ -1 +1 @@
|
|
|
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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
|
|
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","accessibilityRole","jsx","indicator","route","TabBarBaseItem","onPress","focused","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":[]}
|
|
@@ -16,7 +16,8 @@ const TabBarBaseItem = ({
|
|
|
16
16
|
inputRange,
|
|
17
17
|
onPress,
|
|
18
18
|
route,
|
|
19
|
-
style
|
|
19
|
+
style,
|
|
20
|
+
focused
|
|
20
21
|
}) => {
|
|
21
22
|
const {
|
|
22
23
|
positionX
|
|
@@ -31,6 +32,11 @@ const TabBarBaseItem = ({
|
|
|
31
32
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
|
|
32
33
|
onPress: () => onPress(index),
|
|
33
34
|
style: [styles.container, style],
|
|
35
|
+
accessibilityRole: "tab",
|
|
36
|
+
accessibilityState: {
|
|
37
|
+
selected: focused
|
|
38
|
+
},
|
|
39
|
+
accessibilityLabel: route.tabBarAccessibilityLabel,
|
|
34
40
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
35
41
|
style: activeStyle,
|
|
36
42
|
children: route.tabBarLabel ? route.tabBarLabel(true) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabBarLabelBaseComponent.TabBarLabelBaseComponent, {
|
|
@@ -1 +1 @@
|
|
|
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","
|
|
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","focused","positionX","useTabContext","activeStyle","useAnimatedStyle","opacity","interpolate","value","map","position","inactiveStyle","jsxs","Pressable","styles","container","accessibilityRole","accessibilityState","selected","accessibilityLabel","tabBarAccessibilityLabel","children","jsx","View","tabBarLabel","TabBarLabelBaseComponent","title","exports","StyleSheet","create","alignItems","flex","justifyContent","minHeight"],"sourceRoot":"../../../../src","sources":["components/elements/TabBarBaseItem.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.createReanimatedTopTabNavigator =
|
|
6
|
+
exports.createReanimatedTopTabNavigator = createReanimatedTopTabNavigator;
|
|
7
7
|
var _native = require("@react-navigation/native");
|
|
8
8
|
var _GestureWrapper = require("../components/wrappers/GestureWrapper");
|
|
9
9
|
var _TabBarBaseComponent = require("../components/elements/TabBarBaseComponent");
|
|
@@ -32,7 +32,6 @@ const TabViewNavigator = ({
|
|
|
32
32
|
state
|
|
33
33
|
} = (0, _native.useNavigationBuilder)(_native.TabRouter, {
|
|
34
34
|
children,
|
|
35
|
-
defaultScreenOptions: screenOptions,
|
|
36
35
|
initialRouteName,
|
|
37
36
|
screenOptions
|
|
38
37
|
});
|
|
@@ -100,6 +99,7 @@ const TabViewNavigator = ({
|
|
|
100
99
|
})
|
|
101
100
|
});
|
|
102
101
|
};
|
|
103
|
-
|
|
104
|
-
|
|
102
|
+
function createReanimatedTopTabNavigator(config) {
|
|
103
|
+
return (0, _native.createNavigatorFactory)(TabViewNavigator)(config);
|
|
104
|
+
}
|
|
105
105
|
//# sourceMappingURL=createReanimatedTopTabNavigator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_native","require","_GestureWrapper","_TabBarBaseComponent","_Context","_lodash","_react","_reactNativeReanimated","_interopRequireDefault","_ReanimatedTabView","_Context2","_jsxRuntime","e","__esModule","default","TabViewNavigator","HeaderComponent","TopComponent","TabBarComponent","TabBarBaseComponent","children","config","initialRouteName","screenOptions","bounces","NavigationContent","descriptors","navigation","state","useNavigationBuilder","TabRouter","
|
|
1
|
+
{"version":3,"names":["_native","require","_GestureWrapper","_TabBarBaseComponent","_Context","_lodash","_react","_reactNativeReanimated","_interopRequireDefault","_ReanimatedTabView","_Context2","_jsxRuntime","e","__esModule","default","TabViewNavigator","HeaderComponent","TopComponent","TabBarComponent","TabBarBaseComponent","children","config","initialRouteName","screenOptions","bounces","NavigationContent","descriptors","navigation","state","useNavigationBuilder","TabRouter","_config","routes","map","context","ContextHooks","usePrepareContext","navigate","index","route","dispatch","TabActions","jumpTo","name","navigationState","useMemo","restOptions","omit","key","options","tabBarLabel","focused","title","undefined","renderScene","render","jsx","Provider","headerHeight","transformationY","jsxs","GestureWrapper","View","onLayout","nativeEvent","value","layout","height","ReanimatedTabView","renderTabBar","createReanimatedTopTabNavigator","createNavigatorFactory"],"sourceRoot":"../../../src","sources":["navigator/createReanimatedTopTabNavigator.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -46,6 +46,7 @@ export const TabBarBaseComponent = ({
|
|
|
46
46
|
width.value = nativeEvent.layout.width;
|
|
47
47
|
},
|
|
48
48
|
style: [styles.wrapper, tabBarStyle, style],
|
|
49
|
+
accessibilityRole: "tablist",
|
|
49
50
|
children: [/*#__PURE__*/_jsx(Reanimated.View, {
|
|
50
51
|
style: [styles.indicator, indicatorStyle, tabBarIndicatorStyle]
|
|
51
52
|
}), navigationState.routes.map((route, index) => /*#__PURE__*/_jsx(TabBarBaseItem, {
|
|
@@ -55,7 +56,8 @@ export const TabBarBaseComponent = ({
|
|
|
55
56
|
navigate(index);
|
|
56
57
|
},
|
|
57
58
|
route: route,
|
|
58
|
-
style: tabBarItemStyle
|
|
59
|
+
style: tabBarItemStyle,
|
|
60
|
+
focused: navigationState.index === index
|
|
59
61
|
}, route.key))]
|
|
60
62
|
}), children]
|
|
61
63
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","Reanimated","interpolate","useAnimatedStyle","useSharedValue","useTabContext","TabBarBaseItem","jsx","_jsx","jsxs","_jsxs","TabBarBaseComponent","children","navigationState","style","navigate","screenOptions","topTabHeight","positionX","width","tabBarIndicatorStyle","tabBarItemStyle","tabBarStyle","inputRange","routes","map","_","index","indicatorStyle","outputRange","value","length","transform","translateX","View","onLayout","nativeEvent","layout","height","styles","wrapper","indicator","route","onPress","key","create","labelWrapper","flex","alignItems","justifyContent","flexDirection","backgroundColor","bottom","position"],"sourceRoot":"../../../../src","sources":["components/elements/TabBarBaseComponent.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,UAAU,IACfC,WAAW,EACXC,gBAAgB,EAChBC,cAAc,QAET,yBAAyB;AAEhC,SAASC,aAAa,QAAQ,2BAA2B;AAEzD,SAASC,cAAc,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAOlD,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAClCC,QAAQ;EACRC,eAAe;EACfC,KAAK;EACLC,QAAQ;EACRC;AACW,CAAC,KAAK;EACjB,MAAM;IAAEC,YAAY;IAAEC;EAAU,CAAC,GAAGb,aAAa,CAAC,CAAC;EACnD,MAAMc,KAAK,GAAGf,cAAc,CAAC,CAAC,CAAC;EAE/B,MAAM;IAAEgB,oBAAoB;IAAEC,eAAe;IAAEC;EAAY,CAAC,GAC1DN,aAAa,IAAI,CAAC,CAAC;EAErB,MAAMO,UAAU,GAAGV,eAAe,CAACW,MAAM,CAACC,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,KAAKA,KAAK,CAAC;EAElE,MAAMC,cAAc,GAAGzB,gBAAgB,CAAC,MAAM;IAC5C,MAAM0B,WAAW,GAAGhB,eAAe,CAACW,MAAM,CAACC,GAAG,CAC5C,CAACC,CAAC,EAAEC,KAAK,KAAKA,KAAK,IAAIR,KAAK,CAACW,KAAK,GAAGjB,eAAe,CAACW,MAAM,CAACO,MAAM,CACpE,CAAC;IAED,OAAO;MACLC,SAAS,EAAE,CACT;QACEC,UAAU,EAAE/B,WAAW,CAACgB,SAAS,CAACY,KAAK,EAAEP,UAAU,EAAEM,WAAW;MAClE,CAAC,CACF;MACDV,KAAK,EAAEA,KAAK,CAACW,KAAK,GAAGjB,eAAe,CAACW,MAAM,CAACO;IAC9C,CAAC;EACH,CAAC,CAAC;EAEF,oBACErB,KAAA,CAACT,UAAU,CAACiC,IAAI;IACdC,QAAQ,EAAEA,CAAC;MAAEC;IAAY,CAAC,KAAK;MAC7BnB,YAAY,CAACa,KAAK,GAAGM,WAAW,CAACC,MAAM,CAACC,MAAM;IAChD,CAAE;IAAA1B,QAAA,gBAEFF,KAAA,CAACT,UAAU,CAACiC,IAAI;MACdC,QAAQ,EAAEA,CAAC;QAAEC;MAAY,CAAC,KAAK;QAC7BjB,KAAK,CAACW,KAAK,GAAGM,WAAW,CAACC,MAAM,CAAClB,KAAK;MACxC,CAAE;MACFL,KAAK,EAAE,CAACyB,MAAM,CAACC,OAAO,EAAElB,WAAW,EAAER,KAAK,CAAE;
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","Reanimated","interpolate","useAnimatedStyle","useSharedValue","useTabContext","TabBarBaseItem","jsx","_jsx","jsxs","_jsxs","TabBarBaseComponent","children","navigationState","style","navigate","screenOptions","topTabHeight","positionX","width","tabBarIndicatorStyle","tabBarItemStyle","tabBarStyle","inputRange","routes","map","_","index","indicatorStyle","outputRange","value","length","transform","translateX","View","onLayout","nativeEvent","layout","height","styles","wrapper","accessibilityRole","indicator","route","onPress","focused","key","create","labelWrapper","flex","alignItems","justifyContent","flexDirection","backgroundColor","bottom","position"],"sourceRoot":"../../../../src","sources":["components/elements/TabBarBaseComponent.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,UAAU,IACfC,WAAW,EACXC,gBAAgB,EAChBC,cAAc,QAET,yBAAyB;AAEhC,SAASC,aAAa,QAAQ,2BAA2B;AAEzD,SAASC,cAAc,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAOlD,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAClCC,QAAQ;EACRC,eAAe;EACfC,KAAK;EACLC,QAAQ;EACRC;AACW,CAAC,KAAK;EACjB,MAAM;IAAEC,YAAY;IAAEC;EAAU,CAAC,GAAGb,aAAa,CAAC,CAAC;EACnD,MAAMc,KAAK,GAAGf,cAAc,CAAC,CAAC,CAAC;EAE/B,MAAM;IAAEgB,oBAAoB;IAAEC,eAAe;IAAEC;EAAY,CAAC,GAC1DN,aAAa,IAAI,CAAC,CAAC;EAErB,MAAMO,UAAU,GAAGV,eAAe,CAACW,MAAM,CAACC,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,KAAKA,KAAK,CAAC;EAElE,MAAMC,cAAc,GAAGzB,gBAAgB,CAAC,MAAM;IAC5C,MAAM0B,WAAW,GAAGhB,eAAe,CAACW,MAAM,CAACC,GAAG,CAC5C,CAACC,CAAC,EAAEC,KAAK,KAAKA,KAAK,IAAIR,KAAK,CAACW,KAAK,GAAGjB,eAAe,CAACW,MAAM,CAACO,MAAM,CACpE,CAAC;IAED,OAAO;MACLC,SAAS,EAAE,CACT;QACEC,UAAU,EAAE/B,WAAW,CAACgB,SAAS,CAACY,KAAK,EAAEP,UAAU,EAAEM,WAAW;MAClE,CAAC,CACF;MACDV,KAAK,EAAEA,KAAK,CAACW,KAAK,GAAGjB,eAAe,CAACW,MAAM,CAACO;IAC9C,CAAC;EACH,CAAC,CAAC;EAEF,oBACErB,KAAA,CAACT,UAAU,CAACiC,IAAI;IACdC,QAAQ,EAAEA,CAAC;MAAEC;IAAY,CAAC,KAAK;MAC7BnB,YAAY,CAACa,KAAK,GAAGM,WAAW,CAACC,MAAM,CAACC,MAAM;IAChD,CAAE;IAAA1B,QAAA,gBAEFF,KAAA,CAACT,UAAU,CAACiC,IAAI;MACdC,QAAQ,EAAEA,CAAC;QAAEC;MAAY,CAAC,KAAK;QAC7BjB,KAAK,CAACW,KAAK,GAAGM,WAAW,CAACC,MAAM,CAAClB,KAAK;MACxC,CAAE;MACFL,KAAK,EAAE,CAACyB,MAAM,CAACC,OAAO,EAAElB,WAAW,EAAER,KAAK,CAAE;MAC5C2B,iBAAiB,EAAC,SAAS;MAAA7B,QAAA,gBAE3BJ,IAAA,CAACP,UAAU,CAACiC,IAAI;QACdpB,KAAK,EAAE,CAACyB,MAAM,CAACG,SAAS,EAAEd,cAAc,EAAER,oBAAoB;MAAE,CACjE,CAAC,EACDP,eAAe,CAACW,MAAM,CAACC,GAAG,CAAC,CAACkB,KAAK,EAAEhB,KAAK,kBACvCnB,IAAA,CAACF,cAAc;QACbqB,KAAK,EAAEA,KAAM;QACbJ,UAAU,EAAEA,UAAW;QAEvBqB,OAAO,EAAEA,CAAA,KAAM;UACb7B,QAAQ,CAACY,KAAK,CAAC;QACjB,CAAE;QACFgB,KAAK,EAAEA,KAAM;QACb7B,KAAK,EAAEO,eAAgB;QACvBwB,OAAO,EAAEhC,eAAe,CAACc,KAAK,KAAKA;MAAM,GANpCgB,KAAK,CAACG,GAOZ,CACF,CAAC;IAAA,CACa,CAAC,EACjBlC,QAAQ;EAAA,CACM,CAAC;AAEtB,CAAC;;AAED;AACA,MAAM2B,MAAM,GAAGvC,UAAU,CAAC+C,MAAM,CAAC;EAC/BC,YAAY,EAAE;IACZC,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDX,OAAO,EAAE;IACPY,aAAa,EAAE,KAAK;IACpBC,eAAe,EAAE;EACnB,CAAC;EACDX,SAAS,EAAE;IACTW,eAAe,EAAE,OAAO;IACxBC,MAAM,EAAE,CAAC;IACThB,MAAM,EAAE,CAAC;IACTiB,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -10,7 +10,8 @@ export const TabBarBaseItem = ({
|
|
|
10
10
|
inputRange,
|
|
11
11
|
onPress,
|
|
12
12
|
route,
|
|
13
|
-
style
|
|
13
|
+
style,
|
|
14
|
+
focused
|
|
14
15
|
}) => {
|
|
15
16
|
const {
|
|
16
17
|
positionX
|
|
@@ -25,6 +26,11 @@ export const TabBarBaseItem = ({
|
|
|
25
26
|
return /*#__PURE__*/_jsxs(Pressable, {
|
|
26
27
|
onPress: () => onPress(index),
|
|
27
28
|
style: [styles.container, style],
|
|
29
|
+
accessibilityRole: "tab",
|
|
30
|
+
accessibilityState: {
|
|
31
|
+
selected: focused
|
|
32
|
+
},
|
|
33
|
+
accessibilityLabel: route.tabBarAccessibilityLabel,
|
|
28
34
|
children: [/*#__PURE__*/_jsx(Animated.View, {
|
|
29
35
|
style: activeStyle,
|
|
30
36
|
children: route.tabBarLabel ? route.tabBarLabel(true) : /*#__PURE__*/_jsx(TabBarLabelBaseComponent, {
|
|
@@ -1 +1 @@
|
|
|
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","
|
|
1
|
+
{"version":3,"names":["Pressable","StyleSheet","Animated","interpolate","useAnimatedStyle","useTabContext","TabBarLabelBaseComponent","jsx","_jsx","jsxs","_jsxs","TabBarBaseItem","index","inputRange","onPress","route","style","focused","positionX","activeStyle","opacity","value","map","i","position","inactiveStyle","styles","container","accessibilityRole","accessibilityState","selected","accessibilityLabel","tabBarAccessibilityLabel","children","View","tabBarLabel","title","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;AAWtE,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAC7BC,KAAK;EACLC,UAAU;EACVC,OAAO;EACPC,KAAK;EACLC,KAAK;EACLC;AACmB,CAAC,KAAK;EACzB,MAAM;IAAEC;EAAU,CAAC,GAAGb,aAAa,CAAC,CAAC;EAErC,MAAMc,WAAW,GAAGf,gBAAgB,CAAC,OAAO;IAC1CgB,OAAO,EAAEjB,WAAW,CAClBe,SAAS,CAACG,KAAK,EACfR,UAAU,EACVA,UAAU,CAACS,GAAG,CAAEC,CAAC,IAAMA,CAAC,KAAKX,KAAK,GAAG,CAAC,GAAG,CAAE,CAC7C,CAAC;IACDY,QAAQ,EAAE;EACZ,CAAC,CAAC,CAAC;EAEH,MAAMC,aAAa,GAAGrB,gBAAgB,CAAC,OAAO;IAC5CgB,OAAO,EAAEjB,WAAW,CAClBe,SAAS,CAACG,KAAK,EACfR,UAAU,EACVA,UAAU,CAACS,GAAG,CAAEC,CAAC,IAAMA,CAAC,KAAKX,KAAK,GAAG,CAAC,GAAG,CAAE,CAC7C;EACF,CAAC,CAAC,CAAC;EAEH,oBACEF,KAAA,CAACV,SAAS;IACRc,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAACF,KAAK,CAAE;IAC9BI,KAAK,EAAE,CAACU,MAAM,CAACC,SAAS,EAAEX,KAAK,CAAE;IACjCY,iBAAiB,EAAC,KAAK;IACvBC,kBAAkB,EAAE;MAAEC,QAAQ,EAAEb;IAAQ,CAAE;IAC1Cc,kBAAkB,EAAEhB,KAAK,CAACiB,wBAAyB;IAAAC,QAAA,gBAEnDzB,IAAA,CAACN,QAAQ,CAACgC,IAAI;MAAClB,KAAK,EAAEG,WAAY;MAAAc,QAAA,EAC/BlB,KAAK,CAACoB,WAAW,GAChBpB,KAAK,CAACoB,WAAW,CAAC,IAAI,CAAC,gBAEvB3B,IAAA,CAACF,wBAAwB;QAAC8B,KAAK,EAAErB,KAAK,CAACqB,KAAK,IAAI,EAAG;QAACnB,OAAO,EAAE;MAAK,CAAE;IACrE,CACY,CAAC,eAChBT,IAAA,CAACN,QAAQ,CAACgC,IAAI;MAAClB,KAAK,EAAES,aAAc;MAAAQ,QAAA,EACjClB,KAAK,CAACoB,WAAW,GAChBpB,KAAK,CAACoB,WAAW,CAAC,KAAK,CAAC,gBAExB3B,IAAA,CAACF,wBAAwB;QAAC8B,KAAK,EAAErB,KAAK,CAACqB,KAAK,IAAI,EAAG;QAACnB,OAAO,EAAE;MAAM,CAAE;IACtE,CACY,CAAC;EAAA,CACP,CAAC;AAEhB,CAAC;AAED,MAAMS,MAAM,GAAGzB,UAAU,CAACoC,MAAM,CAAC;EAC/BV,SAAS,EAAE;IACTW,UAAU,EAAE,QAAQ;IACpBC,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -27,7 +27,6 @@ const TabViewNavigator = ({
|
|
|
27
27
|
state
|
|
28
28
|
} = useNavigationBuilder(TabRouter, {
|
|
29
29
|
children,
|
|
30
|
-
defaultScreenOptions: screenOptions,
|
|
31
30
|
initialRouteName,
|
|
32
31
|
screenOptions
|
|
33
32
|
});
|
|
@@ -95,5 +94,7 @@ const TabViewNavigator = ({
|
|
|
95
94
|
})
|
|
96
95
|
});
|
|
97
96
|
};
|
|
98
|
-
export
|
|
97
|
+
export function createReanimatedTopTabNavigator(config) {
|
|
98
|
+
return createNavigatorFactory(TabViewNavigator)(config);
|
|
99
|
+
}
|
|
99
100
|
//# sourceMappingURL=createReanimatedTopTabNavigator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createNavigatorFactory","TabActions","TabRouter","useNavigationBuilder","GestureWrapper","TabBarBaseComponent","Provider","omit","useMemo","Reanimated","ReanimatedTabView","ContextHooks","jsx","_jsx","jsxs","_jsxs","TabViewNavigator","HeaderComponent","TopComponent","TabBarComponent","children","config","initialRouteName","screenOptions","bounces","NavigationContent","descriptors","navigation","state","
|
|
1
|
+
{"version":3,"names":["createNavigatorFactory","TabActions","TabRouter","useNavigationBuilder","GestureWrapper","TabBarBaseComponent","Provider","omit","useMemo","Reanimated","ReanimatedTabView","ContextHooks","jsx","_jsx","jsxs","_jsxs","TabViewNavigator","HeaderComponent","TopComponent","TabBarComponent","children","config","initialRouteName","screenOptions","bounces","NavigationContent","descriptors","navigation","state","_config","routes","map","context","usePrepareContext","navigate","index","route","dispatch","jumpTo","name","navigationState","restOptions","key","options","tabBarLabel","focused","title","undefined","renderScene","render","headerHeight","transformationY","View","onLayout","nativeEvent","value","layout","height","renderTabBar","createReanimatedTopTabNavigator"],"sourceRoot":"../../../src","sources":["navigator/createReanimatedTopTabNavigator.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ReanimatedTopTab/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAEvF,yBAAiB,sBAAsB,CAAC;IACtC,UAAiB,KAAK;QACpB,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;QACpD,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB;IAED,KAAY,eAAe,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,KAAK,EAAE,CAAA;KAAE,CAAC;IAEjE,UAAiB,gBAAgB;QAC/B,eAAe,EAAE,eAAe,CAAC;QACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;QAC9B,aAAa,CAAC,EAAE,0BAA0B,CAAC,iBAAiB,CAAC;KAC9D;IAED,UAAiB,UAAU;QACzB,KAAK,EAAE,KAAK,CAAC;KACd;CACF"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ReanimatedTopTab/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAEvF,yBAAiB,sBAAsB,CAAC;IACtC,UAAiB,KAAK;QACpB,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;QACpD,wBAAwB,CAAC,EAAE,MAAM,CAAC;QAClC,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB;IAED,KAAY,eAAe,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,KAAK,EAAE,CAAA;KAAE,CAAC;IAEjE,UAAiB,gBAAgB;QAC/B,eAAe,EAAE,eAAe,CAAC;QACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;QAC9B,aAAa,CAAC,EAAE,0BAA0B,CAAC,iBAAiB,CAAC;KAC9D;IAED,UAAiB,UAAU;QACzB,KAAK,EAAE,KAAK,CAAC;KACd;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabBarBaseComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/TabBarBaseComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAmB,EAIjB,KAAK,aAAa,EACnB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAGxE,MAAM,WAAW,WAAY,SAAQ,sBAAsB,CAAC,gBAAgB;IAC1E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,eAAO,MAAM,mBAAmB,mEAM7B,WAAW,
|
|
1
|
+
{"version":3,"file":"TabBarBaseComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/TabBarBaseComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAmB,EAIjB,KAAK,aAAa,EACnB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAGxE,MAAM,WAAW,WAAY,SAAQ,sBAAsB,CAAC,gBAAgB;IAC1E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,eAAO,MAAM,mBAAmB,mEAM7B,WAAW,4CAyDb,CAAC"}
|
|
@@ -6,7 +6,8 @@ interface TabBarBaseItemProps {
|
|
|
6
6
|
onPress: (index: number) => void;
|
|
7
7
|
route: ReanimatedTabViewTypes.Route;
|
|
8
8
|
style?: StyleProp<ViewStyle>;
|
|
9
|
+
focused?: boolean;
|
|
9
10
|
}
|
|
10
|
-
export declare const TabBarBaseItem: ({ index, inputRange, onPress, route, style, }: TabBarBaseItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare const TabBarBaseItem: ({ index, inputRange, onPress, route, style, focused, }: TabBarBaseItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
12
|
export {};
|
|
12
13
|
//# sourceMappingURL=TabBarBaseItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabBarBaseItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/elements/TabBarBaseItem.tsx"],"names":[],"mappings":"AAAA,OAAO,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;
|
|
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;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,2DAOxB,mBAAmB,4CA4CrB,CAAC"}
|
|
@@ -1,4 +1,14 @@
|
|
|
1
|
-
import { type ParamListBase, type TabNavigationState } from '@react-navigation/native';
|
|
1
|
+
import { type NavigationListBase, type NavigatorTypeBagBase, type ParamListBase, type StaticConfig, type TabNavigationState, type TypedNavigator } from '@react-navigation/native';
|
|
2
2
|
import { type ReanimatedTopTabNavigation } from '../types';
|
|
3
|
-
|
|
3
|
+
declare const TabViewNavigator: ({ HeaderComponent, TopComponent, TabBarComponent, children, config, initialRouteName, screenOptions, bounces, }: ReanimatedTopTabNavigation.TabViewNavigatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export declare function createReanimatedTopTabNavigator<const ParamList extends ParamListBase, const NavigatorID extends string | undefined = undefined, const TypeBag extends NavigatorTypeBagBase = {
|
|
5
|
+
ParamList: ParamList;
|
|
6
|
+
NavigatorID: NavigatorID;
|
|
7
|
+
State: TabNavigationState<ParamList>;
|
|
8
|
+
ScreenOptions: ReanimatedTopTabNavigation.NavigationOptions;
|
|
9
|
+
EventMap: {};
|
|
10
|
+
NavigationList: NavigationListBase<ParamListBase>;
|
|
11
|
+
Navigator: typeof TabViewNavigator;
|
|
12
|
+
}, const Config extends StaticConfig<TypeBag> = StaticConfig<TypeBag>>(config?: Config): TypedNavigator<TypeBag, Config>;
|
|
13
|
+
export {};
|
|
4
14
|
//# sourceMappingURL=createReanimatedTopTabNavigator.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createReanimatedTopTabNavigator.d.ts","sourceRoot":"","sources":["../../../../src/navigator/createReanimatedTopTabNavigator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,aAAa,
|
|
1
|
+
{"version":3,"file":"createReanimatedTopTabNavigator.d.ts","sourceRoot":"","sources":["../../../../src/navigator/createReanimatedTopTabNavigator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,YAAY,EAEjB,KAAK,kBAAkB,EAEvB,KAAK,cAAc,EAEpB,MAAM,0BAA0B,CAAC;AAQlC,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,UAAU,CAAC;AAQ3D,QAAA,MAAM,gBAAgB,oHASnB,0BAA0B,CAAC,qBAAqB,4CA6FlD,CAAC;AAEF,wBAAgB,+BAA+B,CAC7C,KAAK,CAAC,SAAS,SAAS,aAAa,EACrC,KAAK,CAAC,WAAW,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACxD,KAAK,CAAC,OAAO,SAAS,oBAAoB,GAAG;IAC3C,SAAS,EAAE,SAAS,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAC;IACrC,aAAa,EAAE,0BAA0B,CAAC,iBAAiB,CAAC;IAC5D,QAAQ,EAAE,EAAE,CAAC;IACb,cAAc,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;IAClD,SAAS,EAAE,OAAO,gBAAgB,CAAC;CACpC,EACD,KAAK,CAAC,MAAM,SAAS,YAAY,CAAC,OAAO,CAAC,GAAG,YAAY,CAAC,OAAO,CAAC,EAClE,MAAM,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC,OAAO,EAAE,MAAM,CAAC,CAElD"}
|
|
@@ -65,6 +65,7 @@ export declare namespace ReanimatedTopTabNavigation {
|
|
|
65
65
|
tabBarIndicatorStyle?: StyleProp<ViewStyle>;
|
|
66
66
|
tabBarItemStyle?: StyleProp<ViewStyle>;
|
|
67
67
|
tabBarStyle?: StyleProp<ViewStyle>;
|
|
68
|
+
tabBarAccessibilityLabel?: string;
|
|
68
69
|
}
|
|
69
70
|
}
|
|
70
71
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-navigation-reanimated-top-tabs",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.11.0",
|
|
4
4
|
"description": "react-navigation-reanimated-top-tabs",
|
|
5
5
|
"source": "./src/index.tsx",
|
|
6
6
|
"main": "./lib/commonjs/index.js",
|
|
@@ -55,10 +55,9 @@
|
|
|
55
55
|
"@commitlint/config-conventional": "^17.0.2",
|
|
56
56
|
"@evilmartians/lefthook": "^1.5.0",
|
|
57
57
|
"@react-native/eslint-config": "^0.73.1",
|
|
58
|
-
"@react-navigation/
|
|
59
|
-
"@react-navigation/
|
|
60
|
-
"@react-navigation/
|
|
61
|
-
"@react-navigation/stack": "^6.4.1",
|
|
58
|
+
"@react-navigation/native": "^7.1.8",
|
|
59
|
+
"@react-navigation/routers": "^7.3.7",
|
|
60
|
+
"@react-navigation/stack": "^7.3.1",
|
|
62
61
|
"@release-it/conventional-changelog": "^5.0.0",
|
|
63
62
|
"@types/jest": "^29.5.5",
|
|
64
63
|
"@types/lodash": "^4.17.10",
|
|
@@ -87,10 +86,9 @@
|
|
|
87
86
|
"@types/react": "^18.2.44"
|
|
88
87
|
},
|
|
89
88
|
"peerDependencies": {
|
|
90
|
-
"@react-navigation/
|
|
91
|
-
"@react-navigation/
|
|
92
|
-
"@react-navigation/
|
|
93
|
-
"@react-navigation/stack": ">=6.0.0",
|
|
89
|
+
"@react-navigation/native": ">=7.0.0",
|
|
90
|
+
"@react-navigation/routers": ">=7.0.0",
|
|
91
|
+
"@react-navigation/stack": ">=7.0.0",
|
|
94
92
|
"lodash": ">=4.17.0",
|
|
95
93
|
"react": ">=16.8.0 || ^17.0.0 || ^18.0.0",
|
|
96
94
|
"react-native": ">=0.60.0",
|
|
@@ -57,6 +57,7 @@ export const TabBarBaseComponent = ({
|
|
|
57
57
|
width.value = nativeEvent.layout.width;
|
|
58
58
|
}}
|
|
59
59
|
style={[styles.wrapper, tabBarStyle, style]}
|
|
60
|
+
accessibilityRole="tablist"
|
|
60
61
|
>
|
|
61
62
|
<Reanimated.View
|
|
62
63
|
style={[styles.indicator, indicatorStyle, tabBarIndicatorStyle]}
|
|
@@ -71,6 +72,7 @@ export const TabBarBaseComponent = ({
|
|
|
71
72
|
}}
|
|
72
73
|
route={route}
|
|
73
74
|
style={tabBarItemStyle}
|
|
75
|
+
focused={navigationState.index === index}
|
|
74
76
|
/>
|
|
75
77
|
))}
|
|
76
78
|
</Reanimated.View>
|
|
@@ -18,6 +18,7 @@ interface TabBarBaseItemProps {
|
|
|
18
18
|
onPress: (index: number) => void;
|
|
19
19
|
route: ReanimatedTabViewTypes.Route;
|
|
20
20
|
style?: StyleProp<ViewStyle>;
|
|
21
|
+
focused?: boolean;
|
|
21
22
|
}
|
|
22
23
|
|
|
23
24
|
export const TabBarBaseItem = ({
|
|
@@ -26,6 +27,7 @@ export const TabBarBaseItem = ({
|
|
|
26
27
|
onPress,
|
|
27
28
|
route,
|
|
28
29
|
style,
|
|
30
|
+
focused,
|
|
29
31
|
}: TabBarBaseItemProps) => {
|
|
30
32
|
const { positionX } = useTabContext();
|
|
31
33
|
|
|
@@ -47,7 +49,13 @@ export const TabBarBaseItem = ({
|
|
|
47
49
|
}));
|
|
48
50
|
|
|
49
51
|
return (
|
|
50
|
-
<Pressable
|
|
52
|
+
<Pressable
|
|
53
|
+
onPress={() => onPress(index)}
|
|
54
|
+
style={[styles.container, style]}
|
|
55
|
+
accessibilityRole="tab"
|
|
56
|
+
accessibilityState={{ selected: focused }}
|
|
57
|
+
accessibilityLabel={route.tabBarAccessibilityLabel}
|
|
58
|
+
>
|
|
51
59
|
<Animated.View style={activeStyle}>
|
|
52
60
|
{route.tabBarLabel ? (
|
|
53
61
|
route.tabBarLabel(true)
|
|
@@ -1,12 +1,19 @@
|
|
|
1
1
|
import {
|
|
2
2
|
createNavigatorFactory,
|
|
3
|
+
type NavigationListBase,
|
|
4
|
+
type NavigatorTypeBagBase,
|
|
3
5
|
type ParamListBase,
|
|
6
|
+
type StaticConfig,
|
|
4
7
|
TabActions,
|
|
5
8
|
type TabNavigationState,
|
|
6
9
|
TabRouter,
|
|
10
|
+
type TypedNavigator,
|
|
7
11
|
useNavigationBuilder,
|
|
8
12
|
} from '@react-navigation/native';
|
|
9
|
-
import type {
|
|
13
|
+
import type {
|
|
14
|
+
TabActionHelpers,
|
|
15
|
+
TabRouterOptions,
|
|
16
|
+
} from '@react-navigation/routers';
|
|
10
17
|
import { GestureWrapper } from '../components/wrappers/GestureWrapper';
|
|
11
18
|
import { TabBarBaseComponent } from '../components/elements/TabBarBaseComponent';
|
|
12
19
|
import { Provider } from '../context/Context';
|
|
@@ -31,13 +38,12 @@ const TabViewNavigator = ({
|
|
|
31
38
|
const { NavigationContent, descriptors, navigation, state } =
|
|
32
39
|
useNavigationBuilder<
|
|
33
40
|
TabNavigationState<ParamListBase>,
|
|
34
|
-
|
|
35
|
-
|
|
41
|
+
TabRouterOptions,
|
|
42
|
+
TabActionHelpers<ParamListBase>,
|
|
36
43
|
ReanimatedTopTabNavigation.NavigationOptions,
|
|
37
44
|
{}
|
|
38
45
|
>(TabRouter, {
|
|
39
46
|
children,
|
|
40
|
-
defaultScreenOptions: screenOptions,
|
|
41
47
|
initialRouteName,
|
|
42
48
|
screenOptions,
|
|
43
49
|
});
|
|
@@ -52,6 +58,7 @@ const TabViewNavigator = ({
|
|
|
52
58
|
|
|
53
59
|
const navigate = (index: number) => {
|
|
54
60
|
const route = state.routes[index];
|
|
61
|
+
|
|
55
62
|
if (!route) return;
|
|
56
63
|
navigation.dispatch(TabActions.jumpTo(route.name));
|
|
57
64
|
};
|
|
@@ -122,12 +129,19 @@ const TabViewNavigator = ({
|
|
|
122
129
|
);
|
|
123
130
|
};
|
|
124
131
|
|
|
125
|
-
export
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
132
|
+
export function createReanimatedTopTabNavigator<
|
|
133
|
+
const ParamList extends ParamListBase,
|
|
134
|
+
const NavigatorID extends string | undefined = undefined,
|
|
135
|
+
const TypeBag extends NavigatorTypeBagBase = {
|
|
136
|
+
ParamList: ParamList;
|
|
137
|
+
NavigatorID: NavigatorID;
|
|
138
|
+
State: TabNavigationState<ParamList>;
|
|
139
|
+
ScreenOptions: ReanimatedTopTabNavigation.NavigationOptions;
|
|
140
|
+
EventMap: {};
|
|
141
|
+
NavigationList: NavigationListBase<ParamListBase>;
|
|
142
|
+
Navigator: typeof TabViewNavigator;
|
|
143
|
+
},
|
|
144
|
+
const Config extends StaticConfig<TypeBag> = StaticConfig<TypeBag>,
|
|
145
|
+
>(config?: Config): TypedNavigator<TypeBag, Config> {
|
|
146
|
+
return createNavigatorFactory(TabViewNavigator)(config);
|
|
147
|
+
}
|