@react-navigation/bottom-tabs 7.0.0-rc.2 → 7.0.0-rc.21
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/TransitionConfigs/TransitionPresets.js +2 -2
- package/lib/commonjs/index.js +9 -9
- package/lib/commonjs/navigators/createBottomTabNavigator.js +11 -11
- package/lib/commonjs/navigators/createBottomTabNavigator.js.map +1 -1
- package/lib/commonjs/package.json +1 -0
- package/lib/commonjs/utils/useBottomTabBarHeight.js +1 -1
- package/lib/commonjs/views/Badge.js +6 -4
- package/lib/commonjs/views/Badge.js.map +1 -1
- package/lib/commonjs/views/BottomTabBar.js +148 -118
- package/lib/commonjs/views/BottomTabBar.js.map +1 -1
- package/lib/commonjs/views/BottomTabItem.js +109 -63
- package/lib/commonjs/views/BottomTabItem.js.map +1 -1
- package/lib/commonjs/views/BottomTabView.js +108 -97
- package/lib/commonjs/views/BottomTabView.js.map +1 -1
- package/lib/commonjs/views/ScreenFallback.js +15 -9
- package/lib/commonjs/views/ScreenFallback.js.map +1 -1
- package/lib/commonjs/views/TabBarIcon.js +59 -37
- package/lib/commonjs/views/TabBarIcon.js.map +1 -1
- package/lib/module/TransitionConfigs/TransitionPresets.js +2 -2
- package/lib/module/TransitionConfigs/TransitionPresets.js.map +1 -1
- package/lib/module/index.js +9 -9
- package/lib/module/index.js.map +1 -1
- package/lib/module/navigators/createBottomTabNavigator.js +11 -9
- package/lib/module/navigators/createBottomTabNavigator.js.map +1 -1
- package/lib/module/package.json +1 -0
- package/lib/module/utils/useBottomTabBarHeight.js +1 -1
- package/lib/module/utils/useBottomTabBarHeight.js.map +1 -1
- package/lib/module/views/Badge.js +6 -4
- package/lib/module/views/Badge.js.map +1 -1
- package/lib/module/views/BottomTabBar.js +148 -118
- package/lib/module/views/BottomTabBar.js.map +1 -1
- package/lib/module/views/BottomTabItem.js +110 -64
- package/lib/module/views/BottomTabItem.js.map +1 -1
- package/lib/module/views/BottomTabView.js +108 -97
- package/lib/module/views/BottomTabView.js.map +1 -1
- package/lib/module/views/ScreenFallback.js +15 -9
- package/lib/module/views/ScreenFallback.js.map +1 -1
- package/lib/module/views/TabBarIcon.js +59 -37
- package/lib/module/views/TabBarIcon.js.map +1 -1
- package/lib/typescript/src/navigators/createBottomTabNavigator.d.ts +2 -3
- package/lib/typescript/src/navigators/createBottomTabNavigator.d.ts.map +1 -1
- package/lib/typescript/src/types.d.ts +5 -0
- package/lib/typescript/src/types.d.ts.map +1 -1
- package/lib/typescript/src/views/Badge.d.ts +1 -2
- package/lib/typescript/src/views/Badge.d.ts.map +1 -1
- package/lib/typescript/src/views/BottomTabBar.d.ts +2 -3
- package/lib/typescript/src/views/BottomTabBar.d.ts.map +1 -1
- package/lib/typescript/src/views/BottomTabItem.d.ts +9 -1
- package/lib/typescript/src/views/BottomTabItem.d.ts.map +1 -1
- package/lib/typescript/src/views/BottomTabView.d.ts +1 -2
- package/lib/typescript/src/views/BottomTabView.d.ts.map +1 -1
- package/lib/typescript/src/views/ScreenFallback.d.ts +2 -2
- package/lib/typescript/src/views/ScreenFallback.d.ts.map +1 -1
- package/lib/typescript/src/views/TabBarIcon.d.ts +3 -2
- package/lib/typescript/src/views/TabBarIcon.d.ts.map +1 -1
- package/package.json +30 -14
- package/src/navigators/createBottomTabNavigator.tsx +1 -4
- package/src/types.tsx +7 -0
- package/src/views/BottomTabBar.tsx +90 -60
- package/src/views/BottomTabItem.tsx +156 -63
- package/src/views/TabBarIcon.tsx +55 -18
|
@@ -7,9 +7,9 @@ exports.MaybeScreen = MaybeScreen;
|
|
|
7
7
|
exports.MaybeScreenContainer = void 0;
|
|
8
8
|
var React = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _reactNative = require("react-native");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
11
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
11
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; }
|
|
12
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
13
13
|
let Screens;
|
|
14
14
|
try {
|
|
15
15
|
Screens = require('react-native-screens');
|
|
@@ -21,11 +21,14 @@ const MaybeScreenContainer = ({
|
|
|
21
21
|
...rest
|
|
22
22
|
}) => {
|
|
23
23
|
if (Screens?.screensEnabled?.()) {
|
|
24
|
-
return /*#__PURE__*/
|
|
25
|
-
enabled: enabled
|
|
26
|
-
|
|
24
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Screens.ScreenContainer, {
|
|
25
|
+
enabled: enabled,
|
|
26
|
+
...rest
|
|
27
|
+
});
|
|
27
28
|
}
|
|
28
|
-
return /*#__PURE__*/
|
|
29
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
30
|
+
...rest
|
|
31
|
+
});
|
|
29
32
|
};
|
|
30
33
|
exports.MaybeScreenContainer = MaybeScreenContainer;
|
|
31
34
|
function MaybeScreen({
|
|
@@ -34,11 +37,14 @@ function MaybeScreen({
|
|
|
34
37
|
...rest
|
|
35
38
|
}) {
|
|
36
39
|
if (Screens?.screensEnabled?.()) {
|
|
37
|
-
return /*#__PURE__*/
|
|
40
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Screens.Screen, {
|
|
38
41
|
enabled: enabled,
|
|
39
|
-
activityState: active
|
|
40
|
-
|
|
42
|
+
activityState: active,
|
|
43
|
+
...rest
|
|
44
|
+
});
|
|
41
45
|
}
|
|
42
|
-
return /*#__PURE__*/
|
|
46
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
47
|
+
...rest
|
|
48
|
+
});
|
|
43
49
|
}
|
|
44
50
|
//# sourceMappingURL=ScreenFallback.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Screens","MaybeScreenContainer","enabled","rest","screensEnabled","jsx","ScreenContainer","View","exports","MaybeScreen","active","Screen","activityState"],"sourceRoot":"../../../src","sources":["views/ScreenFallback.tsx"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAMsB,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAG,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,SAAAL,wBAAAK,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;AAUtB,IAAIW,OAA0D;AAE9D,IAAI;EACFA,OAAO,GAAGvB,OAAO,CAAC,sBAAsB,CAAC;AAC3C,CAAC,CAAC,OAAOI,CAAC,EAAE;EACV;AAAA;AAGK,MAAMoB,oBAAoB,GAAGA,CAAC;EACnCC,OAAO;EACP,GAAGC;AAKL,CAAC,KAAK;EACJ,IAAIH,OAAO,EAAEI,cAAc,GAAG,CAAC,EAAE;IAC/B,oBAAO,IAAAzB,WAAA,CAAA0B,GAAA,EAACL,OAAO,CAACM,eAAe;MAACJ,OAAO,EAAEA,OAAQ;MAAA,GAAKC;IAAI,CAAG,CAAC;EAChE;EAEA,oBAAO,IAAAxB,WAAA,CAAA0B,GAAA,EAAC3B,YAAA,CAAA6B,IAAI;IAAA,GAAKJ;EAAI,CAAG,CAAC;AAC3B,CAAC;AAACK,OAAA,CAAAP,oBAAA,GAAAA,oBAAA;AAEK,SAASQ,WAAWA,CAAC;EAAEP,OAAO;EAAEQ,MAAM;EAAE,GAAGP;AAAwB,CAAC,EAAE;EAC3E,IAAIH,OAAO,EAAEI,cAAc,GAAG,CAAC,EAAE;IAC/B,oBACE,IAAAzB,WAAA,CAAA0B,GAAA,EAACL,OAAO,CAACW,MAAM;MAACT,OAAO,EAAEA,OAAQ;MAACU,aAAa,EAAEF,MAAO;MAAA,GAAKP;IAAI,CAAG,CAAC;EAEzE;EAEA,oBAAO,IAAAxB,WAAA,CAAA0B,GAAA,EAAC3B,YAAA,CAAA6B,IAAI;IAAA,GAAKJ;EAAI,CAAG,CAAC;AAC3B","ignoreList":[]}
|
|
@@ -6,12 +6,24 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.TabBarIcon = TabBarIcon;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
-
var _Badge = require("./Badge");
|
|
9
|
+
var _Badge = require("./Badge.js");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
-
|
|
12
|
+
/**
|
|
13
|
+
* Icon sizes taken from Apple HIG
|
|
14
|
+
* https://developer.apple.com/design/human-interface-guidelines/tab-bars
|
|
15
|
+
*/
|
|
16
|
+
const ICON_SIZE_WIDE = 31;
|
|
17
|
+
const ICON_SIZE_WIDE_COMPACT = 23;
|
|
18
|
+
const ICON_SIZE_TALL = 28;
|
|
19
|
+
const ICON_SIZE_TALL_COMPACT = 20;
|
|
20
|
+
const ICON_SIZE_ROUND = 25;
|
|
21
|
+
const ICON_SIZE_ROUND_COMPACT = 18;
|
|
22
|
+
const ICON_SIZE_MATERIAL = 24;
|
|
12
23
|
function TabBarIcon({
|
|
13
24
|
route: _,
|
|
14
|
-
|
|
25
|
+
variant,
|
|
26
|
+
size,
|
|
15
27
|
badge,
|
|
16
28
|
badgeStyle,
|
|
17
29
|
activeOpacity,
|
|
@@ -21,31 +33,39 @@ function TabBarIcon({
|
|
|
21
33
|
renderIcon,
|
|
22
34
|
style
|
|
23
35
|
}) {
|
|
36
|
+
const iconSize = variant === 'material' ? ICON_SIZE_MATERIAL : size === 'compact' ? ICON_SIZE_ROUND_COMPACT : ICON_SIZE_ROUND;
|
|
37
|
+
|
|
24
38
|
// We render the icon twice at the same position on top of each other:
|
|
25
39
|
// active and inactive one, so we can fade between them.
|
|
26
|
-
return /*#__PURE__*/
|
|
27
|
-
style: [
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
40
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
41
|
+
style: [variant === 'material' ? styles.wrapperMaterial : size === 'compact' ? styles.wrapperUikitCompact : styles.wrapperUikit, style],
|
|
42
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
43
|
+
style: [styles.icon, {
|
|
44
|
+
opacity: activeOpacity,
|
|
45
|
+
// Workaround for react-native >= 0.54 layout bug
|
|
46
|
+
minWidth: iconSize
|
|
47
|
+
}],
|
|
48
|
+
children: renderIcon({
|
|
49
|
+
focused: true,
|
|
50
|
+
size: iconSize,
|
|
51
|
+
color: activeTintColor
|
|
52
|
+
})
|
|
53
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
54
|
+
style: [styles.icon, {
|
|
55
|
+
opacity: inactiveOpacity
|
|
56
|
+
}],
|
|
57
|
+
children: renderIcon({
|
|
58
|
+
focused: false,
|
|
59
|
+
size: iconSize,
|
|
60
|
+
color: inactiveTintColor
|
|
61
|
+
})
|
|
62
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.Badge, {
|
|
63
|
+
visible: badge != null,
|
|
64
|
+
style: [styles.badge, badgeStyle],
|
|
65
|
+
size: iconSize * 0.75,
|
|
66
|
+
children: badge
|
|
67
|
+
})]
|
|
68
|
+
});
|
|
49
69
|
}
|
|
50
70
|
const styles = _reactNative.StyleSheet.create({
|
|
51
71
|
icon: {
|
|
@@ -57,22 +77,24 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
57
77
|
alignItems: 'center',
|
|
58
78
|
justifyContent: 'center',
|
|
59
79
|
height: '100%',
|
|
60
|
-
width: '100%'
|
|
61
|
-
|
|
62
|
-
|
|
80
|
+
width: '100%'
|
|
81
|
+
},
|
|
82
|
+
wrapperUikit: {
|
|
83
|
+
width: ICON_SIZE_WIDE,
|
|
84
|
+
height: ICON_SIZE_TALL
|
|
63
85
|
},
|
|
64
|
-
|
|
65
|
-
width:
|
|
66
|
-
height:
|
|
86
|
+
wrapperUikitCompact: {
|
|
87
|
+
width: ICON_SIZE_WIDE_COMPACT,
|
|
88
|
+
height: ICON_SIZE_TALL_COMPACT
|
|
67
89
|
},
|
|
68
|
-
|
|
69
|
-
width:
|
|
70
|
-
height:
|
|
90
|
+
wrapperMaterial: {
|
|
91
|
+
width: ICON_SIZE_MATERIAL,
|
|
92
|
+
height: ICON_SIZE_MATERIAL
|
|
71
93
|
},
|
|
72
94
|
badge: {
|
|
73
95
|
position: 'absolute',
|
|
74
|
-
end: -
|
|
75
|
-
top: -
|
|
96
|
+
end: -3,
|
|
97
|
+
top: -3
|
|
76
98
|
}
|
|
77
99
|
});
|
|
78
100
|
//# sourceMappingURL=TabBarIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Badge","e","__esModule","default","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Badge","_jsxRuntime","e","__esModule","default","ICON_SIZE_WIDE","ICON_SIZE_WIDE_COMPACT","ICON_SIZE_TALL","ICON_SIZE_TALL_COMPACT","ICON_SIZE_ROUND","ICON_SIZE_ROUND_COMPACT","ICON_SIZE_MATERIAL","TabBarIcon","route","_","variant","size","badge","badgeStyle","activeOpacity","inactiveOpacity","activeTintColor","inactiveTintColor","renderIcon","style","iconSize","jsxs","View","styles","wrapperMaterial","wrapperUikitCompact","wrapperUikit","children","jsx","icon","opacity","minWidth","focused","color","Badge","visible","StyleSheet","create","position","alignSelf","alignItems","justifyContent","height","width","end","top"],"sourceRoot":"../../../src","sources":["views/TabBarIcon.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { forFade, forShift } from
|
|
2
|
-
import { FadeSpec, ShiftSpec } from
|
|
1
|
+
import { forFade, forShift } from "./SceneStyleInterpolators.js";
|
|
2
|
+
import { FadeSpec, ShiftSpec } from "./TransitionSpecs.js";
|
|
3
3
|
export const FadeTransition = {
|
|
4
4
|
transitionSpec: FadeSpec,
|
|
5
5
|
sceneStyleInterpolator: forFade
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forFade","forShift","FadeSpec","ShiftSpec","FadeTransition","transitionSpec","sceneStyleInterpolator","ShiftTransition"],"sourceRoot":"../../../src","sources":["TransitionConfigs/TransitionPresets.tsx"],"mappings":"AACA,SAASA,OAAO,EAAEC,QAAQ,QAAQ,
|
|
1
|
+
{"version":3,"names":["forFade","forShift","FadeSpec","ShiftSpec","FadeTransition","transitionSpec","sceneStyleInterpolator","ShiftTransition"],"sourceRoot":"../../../src","sources":["TransitionConfigs/TransitionPresets.tsx"],"mappings":"AACA,SAASA,OAAO,EAAEC,QAAQ,QAAQ,8BAA2B;AAC7D,SAASC,QAAQ,EAAEC,SAAS,QAAQ,sBAAmB;AAEvD,OAAO,MAAMC,cAAyC,GAAG;EACvDC,cAAc,EAAEH,QAAQ;EACxBI,sBAAsB,EAAEN;AAC1B,CAAC;AAED,OAAO,MAAMO,eAA0C,GAAG;EACxDF,cAAc,EAAEF,SAAS;EACzBG,sBAAsB,EAAEL;AAC1B,CAAC","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import * as SceneStyleInterpolators from
|
|
2
|
-
import * as TransitionPresets from
|
|
3
|
-
import * as TransitionSpecs from
|
|
1
|
+
import * as SceneStyleInterpolators from "./TransitionConfigs/SceneStyleInterpolators.js";
|
|
2
|
+
import * as TransitionPresets from "./TransitionConfigs/TransitionPresets.js";
|
|
3
|
+
import * as TransitionSpecs from "./TransitionConfigs/TransitionSpecs.js";
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* Transition Presets
|
|
@@ -10,20 +10,20 @@ export { SceneStyleInterpolators, TransitionPresets, TransitionSpecs };
|
|
|
10
10
|
/**
|
|
11
11
|
* Navigators
|
|
12
12
|
*/
|
|
13
|
-
export { createBottomTabNavigator } from
|
|
13
|
+
export { createBottomTabNavigator } from "./navigators/createBottomTabNavigator.js";
|
|
14
14
|
|
|
15
15
|
/**
|
|
16
16
|
* Views
|
|
17
17
|
*/
|
|
18
|
-
export { BottomTabBar } from
|
|
19
|
-
export { BottomTabView } from
|
|
18
|
+
export { BottomTabBar } from "./views/BottomTabBar.js";
|
|
19
|
+
export { BottomTabView } from "./views/BottomTabView.js";
|
|
20
20
|
|
|
21
21
|
/**
|
|
22
22
|
* Utilities
|
|
23
23
|
*/
|
|
24
|
-
export { BottomTabBarHeightCallbackContext } from
|
|
25
|
-
export { BottomTabBarHeightContext } from
|
|
26
|
-
export { useBottomTabBarHeight } from
|
|
24
|
+
export { BottomTabBarHeightCallbackContext } from "./utils/BottomTabBarHeightCallbackContext.js";
|
|
25
|
+
export { BottomTabBarHeightContext } from "./utils/BottomTabBarHeightContext.js";
|
|
26
|
+
export { useBottomTabBarHeight } from "./utils/useBottomTabBarHeight.js";
|
|
27
27
|
|
|
28
28
|
/**
|
|
29
29
|
* Types
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SceneStyleInterpolators","TransitionPresets","TransitionSpecs","createBottomTabNavigator","BottomTabBar","BottomTabView","BottomTabBarHeightCallbackContext","BottomTabBarHeightContext","useBottomTabBarHeight"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,OAAO,KAAKA,uBAAuB,MAAM,
|
|
1
|
+
{"version":3,"names":["SceneStyleInterpolators","TransitionPresets","TransitionSpecs","createBottomTabNavigator","BottomTabBar","BottomTabView","BottomTabBarHeightCallbackContext","BottomTabBarHeightContext","useBottomTabBarHeight"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,OAAO,KAAKA,uBAAuB,MAAM,gDAA6C;AACtF,OAAO,KAAKC,iBAAiB,MAAM,0CAAuC;AAC1E,OAAO,KAAKC,eAAe,MAAM,wCAAqC;;AAEtE;AACA;AACA;AACA,SAASF,uBAAuB,EAAEC,iBAAiB,EAAEC,eAAe;;AAEpE;AACA;AACA;AACA,SAASC,wBAAwB,QAAQ,0CAAuC;;AAEhF;AACA;AACA;AACA,SAASC,YAAY,QAAQ,yBAAsB;AACnD,SAASC,aAAa,QAAQ,0BAAuB;;AAErD;AACA;AACA;AACA,SAASC,iCAAiC,QAAQ,8CAA2C;AAC7F,SAASC,yBAAyB,QAAQ,sCAAmC;AAC7E,SAASC,qBAAqB,QAAQ,kCAA+B;;AAErE;AACA;AACA","ignoreList":[]}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
1
|
import { createNavigatorFactory, TabRouter, useNavigationBuilder } from '@react-navigation/native';
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
2
|
+
import { BottomTabView } from "../views/BottomTabView.js";
|
|
3
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
4
|
function BottomTabNavigator({
|
|
6
5
|
id,
|
|
7
6
|
initialRouteName,
|
|
@@ -29,12 +28,15 @@ function BottomTabNavigator({
|
|
|
29
28
|
screenOptions,
|
|
30
29
|
UNSTABLE_getStateForRouteNamesChange
|
|
31
30
|
});
|
|
32
|
-
return /*#__PURE__*/
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
31
|
+
return /*#__PURE__*/_jsx(NavigationContent, {
|
|
32
|
+
children: /*#__PURE__*/_jsx(BottomTabView, {
|
|
33
|
+
...rest,
|
|
34
|
+
state: state,
|
|
35
|
+
navigation: navigation,
|
|
36
|
+
descriptors: descriptors,
|
|
37
|
+
sceneContainerStyle: sceneContainerStyle
|
|
38
|
+
})
|
|
39
|
+
});
|
|
38
40
|
}
|
|
39
41
|
export function createBottomTabNavigator(config) {
|
|
40
42
|
return createNavigatorFactory(BottomTabNavigator)(config);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createNavigatorFactory","TabRouter","useNavigationBuilder","
|
|
1
|
+
{"version":3,"names":["createNavigatorFactory","TabRouter","useNavigationBuilder","BottomTabView","jsx","_jsx","BottomTabNavigator","id","initialRouteName","backBehavior","children","layout","screenListeners","screenOptions","sceneContainerStyle","UNSTABLE_getStateForRouteNamesChange","rest","state","descriptors","navigation","NavigationContent","createBottomTabNavigator","config"],"sourceRoot":"../../../src","sources":["navigators/createBottomTabNavigator.tsx"],"mappings":"AAAA,SACEA,sBAAsB,EAOtBC,SAAS,EAGTC,oBAAoB,QACf,0BAA0B;AAQjC,SAASC,aAAa,QAAQ,2BAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAavD,SAASC,kBAAkBA,CAAC;EAC1BC,EAAE;EACFC,gBAAgB;EAChBC,YAAY;EACZC,QAAQ;EACRC,MAAM;EACNC,eAAe;EACfC,aAAa;EACbC,mBAAmB;EACnBC,oCAAoC;EACpC,GAAGC;AACE,CAAC,EAAE;EACR,MAAM;IAAEC,KAAK;IAAEC,WAAW;IAAEC,UAAU;IAAEC;EAAkB,CAAC,GACzDlB,oBAAoB,CAMlBD,SAAS,EAAE;IACXM,EAAE;IACFC,gBAAgB;IAChBC,YAAY;IACZC,QAAQ;IACRC,MAAM;IACNC,eAAe;IACfC,aAAa;IACbE;EACF,CAAC,CAAC;EAEJ,oBACEV,IAAA,CAACe,iBAAiB;IAAAV,QAAA,eAChBL,IAAA,CAACF,aAAa;MAAA,GACRa,IAAI;MACRC,KAAK,EAAEA,KAAM;MACbE,UAAU,EAAEA,UAAW;MACvBD,WAAW,EAAEA,WAAY;MACzBJ,mBAAmB,EAAEA;IAAoB,CAC1C;EAAC,CACe,CAAC;AAExB;AAEA,OAAO,SAASO,wBAAwBA,CAmBtCC,MAAe,EAAmC;EAClD,OAAOtB,sBAAsB,CAACM,kBAAkB,CAAC,CAACgB,MAAM,CAAC;AAC3D","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"type":"module"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { BottomTabBarHeightContext } from
|
|
2
|
+
import { BottomTabBarHeightContext } from "./BottomTabBarHeightContext.js";
|
|
3
3
|
export function useBottomTabBarHeight() {
|
|
4
4
|
const height = React.useContext(BottomTabBarHeightContext);
|
|
5
5
|
if (height === undefined) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","BottomTabBarHeightContext","useBottomTabBarHeight","height","useContext","undefined","Error"],"sourceRoot":"../../../src","sources":["utils/useBottomTabBarHeight.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,yBAAyB,QAAQ,
|
|
1
|
+
{"version":3,"names":["React","BottomTabBarHeightContext","useBottomTabBarHeight","height","useContext","undefined","Error"],"sourceRoot":"../../../src","sources":["utils/useBottomTabBarHeight.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,yBAAyB,QAAQ,gCAA6B;AAEvE,OAAO,SAASC,qBAAqBA,CAAA,EAAG;EACtC,MAAMC,MAAM,GAAGH,KAAK,CAACI,UAAU,CAACH,yBAAyB,CAAC;EAE1D,IAAIE,MAAM,KAAKE,SAAS,EAAE;IACxB,MAAM,IAAIC,KAAK,CACb,2FACF,CAAC;EACH;EAEA,OAAOH,MAAM;AACf","ignoreList":[]}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
1
|
import { useTheme } from '@react-navigation/native';
|
|
3
2
|
import color from 'color';
|
|
4
3
|
import * as React from 'react';
|
|
5
4
|
import { Animated, StyleSheet } from 'react-native';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
6
|
export function Badge({
|
|
7
7
|
children,
|
|
8
8
|
style,
|
|
@@ -49,7 +49,7 @@ export function Badge({
|
|
|
49
49
|
const textColor = color(backgroundColor).isLight() ? 'black' : 'white';
|
|
50
50
|
const borderRadius = size / 2;
|
|
51
51
|
const fontSize = Math.floor(size * 3 / 4);
|
|
52
|
-
return /*#__PURE__*/
|
|
52
|
+
return /*#__PURE__*/_jsx(Animated.Text, {
|
|
53
53
|
numberOfLines: 1,
|
|
54
54
|
style: [{
|
|
55
55
|
transform: [{
|
|
@@ -66,8 +66,10 @@ export function Badge({
|
|
|
66
66
|
backgroundColor,
|
|
67
67
|
fontSize,
|
|
68
68
|
borderRadius
|
|
69
|
-
}, fonts.regular, styles.container, restStyle]
|
|
70
|
-
|
|
69
|
+
}, fonts.regular, styles.container, restStyle],
|
|
70
|
+
...rest,
|
|
71
|
+
children: children
|
|
72
|
+
});
|
|
71
73
|
}
|
|
72
74
|
const styles = StyleSheet.create({
|
|
73
75
|
container: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useTheme","color","React","Animated","StyleSheet","Badge","children","style","visible","size","rest","opacity","useState","Value","rendered","setRendered","colors","fonts","useEffect","timing","toValue","duration","useNativeDriver","start","finished","stopAnimation","backgroundColor","notification","restStyle","flatten","textColor","isLight","borderRadius","fontSize","Math","floor","
|
|
1
|
+
{"version":3,"names":["useTheme","color","React","Animated","StyleSheet","jsx","_jsx","Badge","children","style","visible","size","rest","opacity","useState","Value","rendered","setRendered","colors","fonts","useEffect","timing","toValue","duration","useNativeDriver","start","finished","stopAnimation","backgroundColor","notification","restStyle","flatten","textColor","isLight","borderRadius","fontSize","Math","floor","Text","numberOfLines","transform","scale","interpolate","inputRange","outputRange","lineHeight","height","minWidth","regular","styles","container","create","alignSelf","textAlign","paddingHorizontal","overflow"],"sourceRoot":"../../../src","sources":["views/Badge.tsx"],"mappings":"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","ignoreList":[]}
|